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.....
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 :)
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 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>
<!-- 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.
- Paste kode di atas di ruang yang ada.
- Perhatikan yang saya beri warna merah. Ganti sesuai dengan keinginan Anda. Untuk Link Target, ganti dengan URL link affiliasi yang Anda inginkan.
- Untuk Banner URL, ganti dengan link image banner Anda.
- Untuk Alt dapat anda ganti dengan judul iklan anda
- 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 - 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)
+ comments + 7 comments
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 ...
Iya Mas Mohammad Fanirifanto, itulah kelemahan kalau profil blogger tidak/belum diaktifkan.... ok terima kasih sarannya plus artikelnya....
Matur nuwun
mksh ya...
makasih mas, coba sy terapin di blog https://beken.id/
makasih mas, coba sy terapin di blog https://beken.id/
Ini yang saya cari script nya.
Mas mau nanya, kalau untuk model element div gitu apa ada cara lain ?
Terima Kasih
Posting Komentar