Javascript random banner

Javascript jQuery Trik

Memasang banner atau iklan dengan gambar bukan hal baru yang sudah banyak di ketahui oleh semua sobat blogger, namun bagaimana cara agar sekumpulan banner atau banner yang lebih dari satu bisa di tampilkan secara berbeda - beda hanya di satu halaman bagi sobat yang belum tahu inilah triknya. sehingga banner sobat tidak bertumpuk dan berderet di dalam sebuah halaman yang mengganggu pengunjung blog anda. buat sobat yang tertarik dan ingin menerapkan di blognya yang memiliki banyak banner silahkan di pasang script pendek ini.

pertama silahkan edit terlebih dahulu bagian script berikut ini sesuai dengan ukuran banner, lalu silahkan letakkan di widget blogger milik blog anda.

1code-line:1-12code-line:1-23code-line:1-34code-line:1-45code-line:1-56code-line:1-67code-line:1-78code-line:1-89code-line:1-910code-line:1-1011code-line:1-1112code-line:1-1213code-line:1-1314code-line:1-1415code-line:1-1516code-line:1-1617code-line:1-1718code-line:1-1819code-line:1-1920code-line:1-2021code-line:1-2122code-line:1-2223code-line:1-2324code-line:1-2425code-line:1-2526code-line:1-2627code-line:1-2728code-line:1-2829code-line:1-2930code-line:1-3031code-line:1-3132code-line:1-3233code-line:1-3334code-line:1-3435code-line:1-3536code-line:1-3637code-line:1-3738code-line:1-3839code-line:1-3940code-line:1-4041code-line:1-4142code-line:1-4243code-line:1-4344code-line:1-4445code-line:1-4546code-line:1-4647code-line:1-4748code-line:1-48<script  type='text/javascript">
<!-- db script random banner start
var jumlah_iklan = 4;
var jangka_waktu = new Date()
var tempo = jangka_waktu.getSeconds()
var banner_iklan = tempo % jumlah_iklan;
banner_iklan +=1;
if (banner_iklan==1) {
txt="Judul iklan";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="300";
height="250";
}
if (banner_iklan==2) {
txt="Judul iklan";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="300";
height="250";
}
if (banner_iklan==3) {
txt="Judul iklan";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="300";
height="250";
}
if (banner_iklan==4) {
txt="Judul iklan";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="300";
height="250";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// db script random banner End -->
</script>

silahkan ubah keterangan di bawah ini

var jumlah_iklan = 4; :
bisa anda tambahkan sesuai kebutuhan, hingga yang di perlukan.
txt="Judul iklan"; :
isi dengan judul iklan anda.
url="Alamat URL"; :
url yang akan di tuju dari banner yang anda pasang di dalam script.
alt="Alamat URL"; :
isi sama untuk alt ini dengan url.
banner="Alamat URL Gambar"; :
alamat di mana anda menyimpan banner/gambar iklan yang di pasang.
width="300"; :
ukuran lebar banner iklan.
height="250"; :
ukuran tinggi banner/gambar iklan.
if (banner_iklan==4) { txt="Judul iklan"; url="Alamat URL"; alt="Alamat URL"; banner="Alamat URL Gambar"; width="300"; height="250"; }
di tambahkan untuk menambah jumlah banner yang ingin di tampilkan, jangan lupa merubah nilai if (banner_iklan==4) dengan urutannya 5, 6, 7 dst.

sekian saja, cukup mudah untuk di terapkan. semoga bermanfaat...

Artikel Terkait

  • Tombol scroll back to top auto hide
    Penggunaan tombol ini sebenarnya untuk memudahkan ketika telah selesai menggulung ke bawah maka dengan menekan/klik tombol ini halaman akan otomatis tergulung keatas tampa pengunjung bersusah melakukan penggulungan keatas. kali ini saya akan berbagi untuk membuat tombol scroll back to top yang otomatis keluar ketika halaman di gulung saja, dan…
  • Mempercepat loading blog dengan javascript
    Salah satu cara untuk trik mempercepat load blog yang saya temui dengan memasang sedikit javascript pada html,  Cara dibawah ini sebenarnya hantya melakukan sebuah prinsip meminimalisasi loading gambar yang ada demgan resolusi atau ukuran yang terbilang besar. Untuk mengecek sobat bisa cek seberapa lama dan berat waktu muat blog menggunak…
  • Menambahkan kode JavaScript di Blogger
    Saat menambahkan kode javascripts dalam template editor Blogger, kita sering menghadapi beberapa Kesalahan XML aneh seperti Kesalahan parsing XML, baris 768, Kolom 20: Isi elemen harus terdiri dari data karakter well-formed atau markup. Ini merupakan kesalahan yang terjadi ketika kode JavaScript tidak terbungkus dengan baik, atau kode tersebut …
  • Cara Membuat Efek Peel Away dengan jQuery
    Pertama, peel away adalah sebuah efek seperti robekan sampul. Sama seperti widget lainnya Peel ini juga akan muncul di sudut kanan atas website/blog Anda. Setiap kali pengunjung mengarahkan mouse mereka di sudut kanan atas situs web/blog Anda, maka iklan tersembunyi dengan jQuery efek peel away akan muncul. lihat screenshot berikut untuk mempe…
  • Cara untuk membuat floating sidebar
    Bagaimana mengubah sidebar Anda menjadi sebuah bar yang mengambang?. Tutorial ini menjelaskan, cara mengubah sidebar yang ada untuk floating bar. Teknik ini dapat diterapkan untuk widget tunggal, bukan seluruh sidebar, sehingga widget hanya melayang saat kalaman digulung le atas atau ke bawah. Hal ini dapat dibuat dengan menambahkan kode Java…
  • Background berganti otomatis dengan jQuery
    Dekorasi website Anda dengan warna menarik selalu menjadi prioritas pertama dari seorang blogger. karena dengan tampilan yang enak di pandang dan rapi para pengunjung akan betah. Ini adalah alasan, mengapa orang selalu lebih memilih template dan tema Profesional untuk situs web mereka. tidak ada salahnya untuk menambahkan bebersapa modifikasi …

Tidak ada komentar :


Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT

Back to Top
Loading...