Cara Membuat Banner Rotasi/Rotation Banner

Cara Membuat Banner Rotasi/Rotation Banner, blog tutorial ini yang saya butuhkan, bagaimana memasang banyak banner afiliasi gratis di blog ini, akhirnya dapat saya buat.

Seperti biasa, tiba saatnya berbagi.....

Saat paling menyenangkan dalam merawat blog adalah saat berbagi, bagaimana tidak, saat kita menginginkan sesuatu dan tidak mengerti, trus browsing.... dari banyak blog tutorial yang ada kadang dapat dipakai kadang juga tidak.

Membuat apa yang kita inginkan jadi, itu saja sudah senang, trus dapat berbagi pengetahuan, disamping itu juga dapat nambah posting :)

Yang jelas, saya yakini dengan membagi pengetahuan seperti ini akan kita dapatkan kembali pengetahuan yang lain :)

Script Iklan Yang Saya Dipakai Blog Ini

( Dikanan Atas... pada saat tulisan ini dibuat)

<script language="JavaScript">
<!-- Begin
var jumlah_iklan = 15;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="";
url="http://www.ayonikah.com/?mitra=ppcpantes";
alt="Cari Jodoh";
banner="http://www.ayonikah.com/banner1.jpg";
width="180";
height="200";
}
if (pasang_iklan==2) {
txt="";
url="http://tokoone.com/?affid=2609";
alt="Gadget Unik - Jual Beli Aman";
banner="http://tokoone.com/userfiles/tokoone1.jpg";
width="200";
height="166";
}
if (pasang_iklan==3) {
txt="";
url="http://www.rumahraya.com/?mitra=ppcpantes";
alt="Iklan Properti";
banner="http://www.rumahraya.com/banner1.jpg";
width="200";
height="166";
}
if (pasang_iklan==4) {
txt="";
url="http://www.ti.co.id/?mitra=ppcpantes";
alt="Wirausaha Modal Kecil";
banner="http://www.ti.co.id/banner1.jpg";
width="200";
height="166";
}
if (pasang_iklan==5) {
txt="";
url="http://www.mobilraya.com/?mitra=ppcpantes";
alt="Iklan Mobil";
banner="http://www.mobilraya.com/banner1.jpg";
width="200";
height="166";
}
if (pasang_iklan==6) {
txt="";
url="http://www.ti.co.id/?mitra=ppcpantes";
alt="Peluang Usaha";
banner="http://www.ti.co.id/images/1_banner2.jpg";
width="200";
height="166";
}
if (pasang_iklan==7) {
txt="";
url="http://tokoone.com/?affid=2609";
alt="Ada Banyak Cara";
banner="http://tokoone.com/wp-content/uploads/2010/10/front3.jpg";
width="200";
height="166";
}
if (pasang_iklan==8) {
txt="";
url="http://tokoone.com/?affid=2609";
alt="Jual Beli";
banner="http://tokoone.com/wp-content/uploads/2010/10/banner3.jpg";
width="200";
height="166";
}
if (pasang_iklan==9) {
txt="";
url="http://tokoone.com/?affid=2609";
alt="Toko Online";
banner="http://tokoone.com/wp-content/uploads/2010/10/banner2.jpg";
width="200";
height="166";
}
if (pasang_iklan==10) {
txt="";
url="http://www.wirausaha-online.com/?reg=afiliasippc ";
alt="Wirausaha-Online.Com";
banner="http://www.wirausaha-online.com/wp-content/plugins/wp-affiliasi/banner/wodc125x125px3.jpg";
width="200";
height="166";
}
if (pasang_iklan==11) {
txt="";
url="https://manage.pusatmedia.com/aff.php?aff=757";
alt="Opens external link in new  window";
banner="http://www.pasarhosting.com/uploads/RTEmagicC_8ffb9ebfe8.gif.gif";
width="150";
height="150";
}
if (pasang_iklan==12) {
txt="";
url="http://www.deherba.com/index.php?aff_id=3266 ";
alt="Prime Noni Juice 1";
banner="http://www.deherba.com/components/com_virtuemart/shop_image/product/resized/Prime_Noni_Juice_4d20c684d0519_200x200.png";
width="200";
height="200";
}
if (pasang_iklan==13) {
txt="";
url="http://www.deherba.com/index.php?aff_id=3266 ";
alt="Sarang Semut 1";
banner="http://www.deherba.com/components/com_virtuemart/shop_image/product/resized/Sarang_Semut_1_4d46f495a0674_200x200.png";
width="200";
height="200";
}
if (pasang_iklan==14) {
txt="";
url="http://www.deherba.com/index.php?aff_id=3266 ";
alt="Tongkat Ali 1";
banner="http://www.deherba.com/components/com_virtuemart/shop_image/product/resized/Tongkat_Ali_1_4d20d8331ed54_200x200.png";
width="200";
height="200";
}
if (pasang_iklan==15) {
txt="";
url="http://tipshamil.com/?ref=ppcpantes";
alt="Cara Cepat Hamil";
banner="http://tipshamil.com/images//banners/250x250.png";
width="250";
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>');
// End -->
</script>

Sebanyak 15 iklan dapat saya pasang, mengapa saya sebutkan, karena saya ingin teman-teman tahu bahwa dalam Membuat Banner Rotasi/Rotation Banner ini dapat berimprofisasi mengenai jumlah iklan yang dipasang, termasuk ukuran iklan yang akan ditampilkan.

Baiklah langsung saja bagaimana cara membuat Cara Membuat Banner Rotasi/Rotation Banner, ikuti langkah sebagai berikut :

Langkah Pertama 

Copy Kode Script berikut ini :

Script

<script language="JavaScript">
<!-- Begin

var jumlah_iklan = 3;

var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="";
url="http://www.ayonikah.com/?mitra=ppcpantes";
alt="Cari Jodoh";
banner="http://www.ayonikah.com/banner1.jpg";
width="180";
height="200";
}
if (pasang_iklan==2) {
txt="";
url="http://tokoone.com/?affid=2609";
alt="Gadget Unik - Jual Beli Aman";
banner="http://tokoone.com/userfiles/tokoone1.jpg";
width="200";
height="166";
}
if (pasang_iklan==3) {
txt="";
url="http://www.rumahraya.com/?mitra=ppcpantes";
alt="Iklan Properti";
banner="http://www.rumahraya.com/banner1.jpg";
width="200";
height="166";
}

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>');
// End -->
</script>

Langkah Kedua :

Di Blogger, klik Design -->Add Gadget -->HTML/Javascript.

1. Paste kode di atas di ruang yang ada.
2. Perhatikan yang saya beri warna merah. Ganti sesuai dengan keinginan Anda. Untuk Link Target, ganti dengan URL link affiliasi yang Anda inginkan.
3. Untuk Banner URL, ganti dengan link image banner Anda.
4. Untuk Alt dapat anda ganti dengan judul iklan anda
5. Untuk ukuran width dan height dapat anda sesuaikan dengan iklan default/ukuran yang anda inginkan
   Jika ingin menambah jumlah iklan, ganti   var jumlah_iklan = 3; dengan var jumlah_iklan = 10; misalnya, akan tetapi anda juga harus menambah julah iklan yang akan ditampilkan
6. Simpan/Save. Selesai.

Catatan

Untuk menambah Jumlah iklan dapat anda lakukan dengan contoh sebagai berikut :

if (pasang_iklan==3) {
txt="";
url="http://www.rumahraya.com/?mitra=ppcpantes";
alt="Iklan Properti";
banner="http://www.rumahraya.com/banner1.jpg";
width="200";
height="166";
}

menjadi

if (pasang_iklan==3) {
txt="";
url="http://www.rumahraya.com/?mitra=ppcpantes";
alt="Iklan Properti";
banner="http://www.rumahraya.com/banner1.jpg";
width="200";
height="166";
}
if (pasang_iklan==4) {
txt="";
url="http://www.rumahraya.com/?mitra=ppcpantes";
alt="Iklan Properti";
banner="http://www.rumahraya.com/banner1.jpg";
width="200";
height="166";
}

Catatan 2 ;
Setelah menambah iklan jangan lupa mengganti  var jumlah_iklan = 3; menjadi var jumlah_iklan = 4;

Selamat mencoba....

Mohon maaf jika ini saya gambarkan dengan sangat detil, ini untuk teman-teman blogger yang masih sangat baru :)


Referensi : http://ricdetop.blogspot.com/2011/09/membuat-banner-rotasi_29.html


Mungkin tulisan ini yang anda cari :

• Cara Menghilangkan Garis Bawah Pada Link
• Cara Pasang Icon Smile Pada Blogspot
• Mengapa Blog/web dikunjungi oleh Pengunjung
• Cara Menghilangkan Tampilan Tulisan "LIHAT PROFIL LENGKAPKU" Pada Blog
• Cara Pasang Gambar Pada Header (Judul Blog)
• Cara Mengoptimalkan Judul Artikel Mudah Dicari Oleh Mesin Pencari
• Cara Melihat Jumlah Pengunjung Online Blog (cara pasang amung.us)
• Analisa Statistik Pengunjung Blog (Cara Pasang Hitats)