Cara Membuat Banner Rotasi/Rotation Banner

Sabtu, 06 Juli 20136comments


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 :


Share this article :

+ comments + 6 comments

12 Mei 2012 pukul 22.07

Akhirnya,bermanfaatjuga script itu. Memang, script tidak bisa sy tulis detail. Nice sudah di share lagi.
By the way, ketika sy mau kunjungi profil blogger Anda, sy melihat notice bahwa Anda belum mengaktifkan profil blogger. Jadi sy harus search di Google untuk menemukan blog ini. Saran sy, aktifkan profilnya Mas. Agar visitor lain, lebih mudah menemukan mas ...

Keep sharing ...

12 Mei 2012 pukul 22.46

Iya Mas Mohammad Fanirifanto, itulah kelemahan kalau profil blogger tidak/belum diaktifkan.... ok terima kasih sarannya plus artikelnya....

28 Februari 2013 pukul 08.54

mksh ya...

27 Agustus 2016 pukul 17.02

makasih mas, coba sy terapin di blog https://beken.id/

27 Agustus 2016 pukul 17.08

makasih mas, coba sy terapin di blog https://beken.id/

8 Agustus 2022 pukul 16.49

Ini yang saya cari script nya.
Mas mau nanya, kalau untuk model element div gitu apa ada cara lain ?
Terima Kasih

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Prolingkungan - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger