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

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

<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://indokerisgallery.blogspot.com/";
alt="Indo Keris Gallery";
banner="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeDaq9qOHc6lFw1ln3KpKrGtCJHwlMzBls9AIF02w0S1haT03Hr8Mh1jVdVQj7DlpcV-Ls1zZkn0pb-RhEpXxGzRrXqjujJ_IiB_ewI4LX6C7tEF1UwAbU0EMNJQyrd7BpSa8hAlvrN28/s1600/Indo+Keris+Gallery_Header_Blarak+Sineret_2.JPG";
width="468";
height="70";
}
if (pasang_iklan==2) {
txt="";
url="http://indoautobacklink.blogspot.com/";
alt="Indo Auto Backlink";
banner="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhqF02SmmJ43FZ6U3HnmIInpNTUnpz7i3GfWyNbl0NZT1NU39PjPNcJyZtvixcDGB9fMREFMRUX5XwOaQhgYxF6eVCyrs9fepztwzjueSyXliQEwG0OJcE69TRf7m0pMshzKbPHWdpBfM/s1600/Indo+Auto+Backlink.png";
width="468";
height="70";
}
if (pasang_iklan==3) {
txt="";
url="http://harlexmeubel.blogspot.com/";
alt="Harlex Meubel";
banner="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzMRo48BpzxbZD_-9808JJYVektN7z8zOzKMlCXpgb5JjcsuzFUcQcHky6LDx3aWn2GfAYoCyl1qEaLztAv1RNXh0XdDZZUvL6R3C2mwtoIhcXsUJ_VmbPua00c7tvpzkhffcb-8db9o/s1600/Harlex_Meubel_03.jpg";
width="468";
height="70";
}

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 7 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://indokerisgallery.blogspot.com/";
alt="Indo Keris Gallery";
banner="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeDaq9qOHc6lFw1ln3KpKrGtCJHwlMzBls9AIF02w0S1haT03Hr8Mh1jVdVQj7DlpcV-Ls1zZkn0pb-RhEpXxGzRrXqjujJ_IiB_ewI4LX6C7tEF1UwAbU0EMNJQyrd7BpSa8hAlvrN28/s1600/Indo+Keris+Gallery_Header_Blarak+Sineret_2.JPG";
width="468";
height="70";
}
if (pasang_iklan==2) {
txt="";
url="http://indoautobacklink.blogspot.com/";
alt="Indo Auto Backlink";
banner="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhqF02SmmJ43FZ6U3HnmIInpNTUnpz7i3GfWyNbl0NZT1NU39PjPNcJyZtvixcDGB9fMREFMRUX5XwOaQhgYxF6eVCyrs9fepztwzjueSyXliQEwG0OJcE69TRf7m0pMshzKbPHWdpBfM/s1600/Indo+Auto+Backlink.png";
width="468";
height="70";
}
if (pasang_iklan==3) {
txt="";
url="http://harlexmeubel.blogspot.com/";
alt="Harlex Meubel";
banner="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzMRo48BpzxbZD_-9808JJYVektN7z8zOzKMlCXpgb5JjcsuzFUcQcHky6LDx3aWn2GfAYoCyl1qEaLztAv1RNXh0XdDZZUvL6R3C2mwtoIhcXsUJ_VmbPua00c7tvpzkhffcb-8db9o/s1600/Harlex_Meubel_03.jpg";
width="468";
height="70";
}

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 banner iklan default/ukuran  yang anda inginkan
6. 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
7. Simpan/Save. Selesai.

Catatan

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

if (pasang_iklan==3) {
txt="";
url="http://harlexmeubel.blogspot.com/";
alt="Harlex Meubel";
banner="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzMRo48BpzxbZD_-9808JJYVektN7z8zOzKMlCXpgb5JjcsuzFUcQcHky6LDx3aWn2GfAYoCyl1qEaLztAv1RNXh0XdDZZUvL6R3C2mwtoIhcXsUJ_VmbPua00c7tvpzkhffcb-8db9o/s1600/Harlex_Meubel_03.jpg";
width="468";
height="70";
}

menjadi

if (pasang_iklan==3) {
txt="";
url="http://harlexmeubel.blogspot.com/";
alt="Harlex Meubel";
banner="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzMRo48BpzxbZD_-9808JJYVektN7z8zOzKMlCXpgb5JjcsuzFUcQcHky6LDx3aWn2GfAYoCyl1qEaLztAv1RNXh0XdDZZUvL6R3C2mwtoIhcXsUJ_VmbPua00c7tvpzkhffcb-8db9o/s1600/Harlex_Meubel_03.jpg";
width="468";
height="70";
}
if (pasang_iklan==4) {
txt="";
url="http://indopermatagallery.blogspot.com/";
alt="Indo Permata Gallery";
banner="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitxCdsX07WOF56uo1CR6O0uVaV-eJHyrqo_FXOEKgCxhyphenhyphen1Hq_W8j3xO-grLGNtH-oklHkOHH2DSARBhDceUVTRKkOH1VyHV471AuxMBocSsUNFkcRkGTAibIwj4MOGHTxYbvjJANMk663Q/s1600/Banner_+Indo+Permata_01.JPG";
width="468";
height="70";
}


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://prolingkungan.blogspot.com/2012/05/cara-membuat-banner-rotasirotation.html


Baca Juga Tulisan : Penmpilan Banner Iklan Menggunakan Slide Show