Tips dan Triks | Banner Rotasi | Memasang Banner Rotasi Pada Blog

Blog tanpa sebuah banner akan terlihat hambar dan sedikit kurang menarik. Baik banner iklan ataupun banner lainnya yang menjelaskan tentang blog yang bersangkutan. Tapi, jika suatu blog kebanyakan banner yang bertebaran disetiap sudut blognya, juga akan membuat penglihatan kita jadi gak fokus ke artikel dan akhirnya bikin pengunjung males untuk datang lagi. Untuk mengakalinya yaitu dengan membuat banner rotasi seperti pada banner rotasi di bawah ini.

Cara memasang banner rotasi pada blog ini cukup gampang. Ikuti langkah-langkah berikut:

• Letakkan kode berikut diatas kode ]]></b:skin> pada template blogspot kamu.
.m_banner_hide{
display:none;
}
.m_banner_show{
display:block;
}

• Letakkan kode berikut diatas kode </head> pada template blog kamu.
<script src='http://iskaruji.googlecode.com/files/adsRotation.js' type='text/javascript'/>

• Simpan template kamu.

• Letakkan kode banner rotasi berikut ditempat yang kamu inginkan.
<script language="javascript">
banner1 = new Banner('banner1');
banner1.add("IMAGE", "http://images.neobux.com/imagens/banner9/?uh=6E6665727265697261&u3=147762", 3, 60, 480,"http://www.neobux.com/?rh=6234676F6E67");
banner1.add("IMAGE", "http://www.incrasebux.com/bn.php?i=181044", 3, 60, 480,"http://www.incrasebux.com/register.php/joinner.html");
banner1.add("IMAGE", "http://www.idr-clickit.com/b.php?u=98722", 3, 60, 480,"http://www.idr-clickit.com/register.php/Penamek.html");
document.write(banner1);
banner1.start();
</script>

Keterangan Kode Banner Rotasi:

• Kode berwarna merah adalah link gambar banner kamu
• Kode berwarna hijau adalah link yang dituju oleh gambar kamu
• Kode berwarna kuning emas adalah waktu rotasi 3 detik
• Sedangkan kode 60 dan 480 adalah tinggi dan lebar banner

Posted in: Banner Rotasi,Blog,Blogging,Blogspot,Edukasi,Memasang Banner Rotasi,Modifikasi Template,Tips triks,Tutorial