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

  • Highlighter Language Autodetection
    Syntax Highlighter Language Autodetection ini saya dapatkan dari Software Maniacs dan saya terapkan di blog ini hanya saja tampilannya masih menggunakan Syntax Highlighter lama. seperti biasa anda mungkin sudah tau kegunaannya untuk di terapkan di blog, jadi tidak usah di jelaskan tinggal sekarang langsung saja ke cara bagaimana memasang Synta…
  • Membuat ucapan terimakasih di bawah komentar
    Pagi sobat blogger lagi liburan buat posting hiasan untuk blogger, kali ini saya mau share cara dan trik untuk membuat pesan ucapan terimakasih di bawah kotak komentar.   Triknya cukup mudah tinggal menambahkan css dan sedikit kode html di template sobat, langsung aja berikut ini caranya Buka editor template blogger anda sperti bias…
  • Judul posting responsive
    Mungkin ada dari sobat sekalian yang mencoba mengatur tampilan posting di homepage agar terlihat rapi saat responsive berjalan, dengan mengakali membuat judul posting sependek mungkin walau pun judul posting tersebut memang sedikit panjang sehingga nantinya judul tidak terlihat bertumpuk dan tidak rapi untuk template yang tidak menerapkan line-hei…
  • Responsive Video, Embed, Object dan img
    Masih tentang responsive, kali ini sesuai dengan judul saya shara cara membuat responsive pada Video, Iframe, Embed dan Object dan img. membuat responsive Untuk video, iframe, embed dan object pada intinya hampir sama yaitu tetap memberi satuan %. Saat ini embed video yang paling banyak digunakan adalah Youtube, namun terlepas dari youtube ada…
  • Menerapakan jquery lightbox evolution
    Salam sobat blogger membuat postingan untuk share kali ini buat sobat yang masih bingung tentang jquery lightbox evolution. jquery lightbox ini saya gunakan di template ini pada konversi kode dan kontak bisa sobat lihat seperti apa itu jquery lightbox. untuk sobat yang tertarik dan ingin menerapkan ini untuk blognya saya akan memberikan trik…
  • widget amoung tanpa javascript
    Memasang widget amoung memang bukan hal yang rahasia bagi blogger, widget among berguna sebagai counter banyak user yang sedang mengunjungi laman di blog kita tapi mungkin penggunaan javascript dari widget ini menambah beratnya dan waktu memuat laman kita dalam blog apalagi blog sobat yang sdah memasang banyak javascript. untuk itu kali ini s…

Tidak ada komentar :

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

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...