Cara Membuat Banner Rotasi/Rotation Banner

Sabtu, 06 Juli 20137komentar


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 :

+ komentar + 7 komentar

12 Mei 2012 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 22.46

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

25 Juli 2012 02.13

Matur nuwun

28 Februari 2013 08.54

mksh ya...

27 Agustus 2016 17.02

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

27 Agustus 2016 17.08

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

27 November 2016 19.56

KISAH SUKSES
Assalamu alaikum wr wb,,senang sekali saya bisa menulis dan berbagi kepada teman2 melalui room ini, sebelumnya dulu saya adalah seorang Pengusaha Butik yg Sukses, kini saya gulung tikar akibat di tipu teman sendiri, ditengah tagihan utang yg menumpuk, Suami pun meninggalkan saya, dan ditengah himpitan ekonomi seperti ini, saya coba buka internet untuk cari lowongan kerja dan secara tdk sengaja sy liat situs pesugihan AKI SYEH MAULANA Di Website/situnya Saya pun langsug hubungi beliau dan Semua petunjuk AKI saya ikuti dan hanya 3 hari, Alhamdulilah benar benar terbukti dan, semua utang saya lunas dan sisanya buat modal usaha, kata kata beliau yang selalu sy ingat setiap manusia bisa menjadi kaya, hanya saja terkadang mereka tidak tahu atau salah jalan. Banyak orang menganggap bahwa miskin dan kaya merupakan bagian dari takdir Tuhan. Takdir macam apa? Tuhan tidak akan memberikan takdir yang buruk terhadap kita, semua cobaan yang Tuhan berikan merupakan pembuktian seberapa kuat Anda bertahan di dalamnya. Tuhan tidak akan merubah nasib Anda jika Anda tidak berusaha untuk merubahnya. Dan satu hal yang perlu Anda ingat, “Jika Anda terlahir miskin itu bukan salah siapapun, namun jika Anda mati miskin itu merupakan salah Anda, saya juga tidak lupa mengucap syukur kepada ALLAH karna melalui Ritual Penarikan Dana Hibah AKI ZYEH MAULANA saya Bisa sukses. Jadi kawan2 yg dalam kesusahan jg pernah putus asah, kalau sudah waktunya tuhan pasti kasi jalan asal anda mau berusaha, AKI ZYEH MAULANA Banyak Dikenal Oleh Kalangan Pengusaha Dan Artis Ternama Karna Beliau adalah guru spiritual terkenal di indonesia, jika anda ingin seperti saya silahkan Lihat No Tlp Aki Di website/internet ~>KLIK DISINI<~ Wassalam

Poskan 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