Mouseover Banner Advertising

Bagaimana ini sob tidak ada artikel gaya-gaya :( Bisa hancur nih update postingan kalau begini inih :D Wadezzziiighhh !@#$%^&*()_+ Pernah melihat banner ter muter tidak sob :-/ Banner yg jika reloud/refresh halaman menjadi pindah-pindah gitooo posisinya sob. Sobat satu kita ini pernah memostingnya loh sob www.mybloggertricks.com sok datangin pasti bakal nemuin tutorial yg gaya² punya sob ;)) Dia kasih judul "Random Ad Banners Widget For Blogger"... Sekarang bagaimana jika banner yg kita miliki, bisa berubah-rubah walau hanya dengan gerakan mouse. Hayooo...:D Beben si bloglang ganteng kalem tea ini menemukannya sehabis korek-korek arsip dari sobat kita http://categories.blogspot.com Sangkin sudah BW gak nemuin artikel unik, arsip jadi sasaran sob =))

Jika sobat tidak mau ambil pusing letakan saja script dan kodenya semua pada bagian Add a Gadget pilih yg HTML/Javascript :D Nanti pas mouse dihadapkan pada banner, akan berganti dengan banner lain begitu seterusnya sebanyak banner yg dimiliki ;) Kode dan scriptnya [..]

<script style="text/javscript">
function rotate_banner(locator)
{
var pick=Math.round(1+((Math.random()*7)-0.5));
var banner=new Array(8)
banner[0]="<a href=\"HTTP://YOUR-LINK.COM/\"><img style=\" width: 100%;\" src=\"HTTP://YOUR-LINK-IMAGE.JPG\" alt=\"BLAH-BLAH\"></a>";
banner[1]="<a href=\"HTTP://YOUR-LINK.COM/\"><img style=\" width: 100%;\" src=\"HTTP://YOUR-LINK-IMAGE.JPG\" title=\"BLAH-BLEH\" alt=\"BLAH-BLAH\"></a>";
banner[2]="<a href=\"HTTP://YOUR-LINK.COM\" ><IMG SRC=\"HTTP://YOUR-LINK-IMAGE.JPG\" WIDTH=\"100%\" HEIGHT=\"60\" ALT=\"BLAH-BLAH\" BORDER=\"0\" ></A>";
banner[3]="<a href=\"HTTP://YOUR-LINK.COM\" ><IMG SRC=\"HTTP://YOUR-LINK-IMAGE.JPG\" WIDTH=\"100%\" HEIGHT=\"60\" ALT=\"BLAH-BLAH\" BORDER=\"0\" ></A>";
banner[4]="<a href=\"HTTP://YOUR-LINK.COM/\" ><img border=\"0\" src=\"HTTP://YOUR-LINK-IMAGE.JPG\" width=\"100%\" height=\"60\" alt=\"BLAH-BLAH\" /></a>";
banner[5]="<a href=\"HTTP://YOUR-LINK.COM/\" ><img border=\"0\" src=\"HTTP://YOUR-LINK-IMAGE.JPG\" width=\"100%\" height=\"60\" alt=\"BLAH-BLAH\" /></a>";
banner[6]="<a href=\"HTTP://YOUR-LINK.COM/\" ><img src=\"HTTP://YOUR-LINK-IMAGE.JPG\" border=0 width=\"100%\" height=\"60\"></a>";
banner[7]="<a href=\"HTTP://YOUR-LINK.COM\"><img src=\"HTTP://YOUR-LINK-IMAGE.JPG\" border=0 width=\"100%\" height=\"60\"></a>";
document.getElementById(locator).innerHTML = banner[pick];
}
</SCRIPT>

<span onmouseout="rotate_banner('b1')" id="b1">
<a href="HTTP://YOUR-LINK.COM/"><img src="HTTP://YOUR-LINK-IMAGE.JPG" title="" alt=""></a>
</span>

Gantilah link syntax dan aturlah width dan height sesuai kebutuhan. Untuk script berwarna biru itu nanti banner yg akan tampak pertama. Perhatikan script yg bertuliskan Math.random()*7 dan new Array(8) Itulah kode yg dirubah jika ingin menambahkan banner dan link ;) :-bd
Happy blogging and good luck \m/