Cara membuat banner kecil di sidebar

Bro and sis rohimakumulloh, saya mo share dikit cara buat banner kecil. Banner terdiri dari beberapa gambar yang bisa tampil secara bergantian. Seperti biasa untuk bisa setting blog anda harus login ke blogger.com dulu, kemudian pilih desain/tata letak lalu tambahkan/add widget dan pilih Html/Javascript. lalu pastekan kode dibawah ini:

<<!-- --><script language="JavaScript">
<!-- Hide from JavaScript-Impaired Browsers
number_of_sponsors=5;
var sctr=0;
var halt=0;
var isn=new Array();
for (i=0;i<number_of_sponsors;i++){
isn[i]=new Image();
}
isn[0].src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYRPZelLnjYkwwjRgTkjM9vPja2qd_P3O6O03wqDu0hLfmclFhT6l25YXFULKAUKAYa1e_Xox7bfKJKVEXSU_9aMzkrzklLDlPThUc5B4k6y0X0OnpxDBVaLAVotXa09np0Qf5l3trzKkh/s1600/Banner+Gratis.jpg";
isn[1].src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0eh_Hf7eqUX6fh1ZbbPutBbVGKG-aUza6QxqFS8S6D9ZgDDPsh2GBbM5EMI0_GccltibsSapyra0D5XmYOdgAH7VKaIPDigD6GfI1Hz7oRMLX1_sX_Y-rBi4iYnXMlUjV7KeOq2QuYcNY/s1600/ghaza+is+crying.jpg";
isn[2].src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOil0xUiUeUjaYEPILS3w9ket3Ihp-824d1aCeMUw3ApuBi1hbnakHt0cniK44TrCZnWw9nNjzDITw02EhTElFoWdPPbxIjfrS7ST77jqpM4ZVBpQvTfuE1xwBULDnR9BIB5EE9gFxCnMj/s1600/sudah+sholat+belum.jpg";
isn[3].src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuJX6CfUVKO2coRV74i9PzINaINug45FKttTsPsCEAxUHOrXno9xdbLRa3ffbG5N6V8DuAoPLF3Phc9-6nQX8OXlhT7nBSuxAeP1OM1-xGwfbA1PToAdxlZ68EIqfiaGJlKE0xhvuf_2tJ/s1600/read+quran+charge+your+iman.jpg";
isn[4].src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8_Lrcg-F0ZpJLidksVNSPHM9AmB_q91vdBHFsEj8f5e4HKkPxmBnaDK-SB-TP_htEDWkH7Q8QlV2Gh4qWjJLRUzcaurrho_25WPSSSgfeUoHo78cZa8shwmb1RaGZ9O0BYDloqlDYMQIU/s1600/Tunaikan+zakat.jpg";
var durl=new Array();
durl[0]="#";
durl[1]="#";
durl[2]="#";
durl[3]="#";
durl[4]="#";
function rotateIt(){
if (halt!=1){
sctr++;
if (sctr>number_of_sponsors-1){
sctr=0;
}
document.sponsor.src=isn[sctr].src;
setTimeout("rotateIt()",3000);
}
}
function doIt(){
halt=1;
location.href=durl[sctr];
}
function dispIt(){
parent.window.status=durl[sctr];
}
// End Hiding -->
</script>
<center><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a onmouseover="dispIt();return true;" href="http://www.darmawajah.com/" onclick="doIt();return false"><img border="0" width="125" src="#" name="sponsor" height="90"/></a></td>
</tr>
</table></center>
<!-- this script and more free from a1javascripts.com -->
<!-- -->
<script language="JavaScript">
<!-- Hide JavaScript from Java-Impaired Browsers
sctr=0;
rotateIt();
// End Hiding -->
</script>
<!-- -->

Image/picture/gambar yang ditampilkan pada banner ini berjumlah 5, anda dapat mengubah image yang ditampilkan dengan mengganti src="image anda.jpg" dan mengubah link yang dituju dengan manambahkan url/alamat pada durl[0]="ganti url anda"; Ubah ukuran yang ingin ditampilkan banner dengan mengganti nilai width(lebar) dan height(tinggi), tentunya image yang diupload juga disesuaikan resolusinya.

Terima kasih telah membaca artikel Cara membuat banner kecil di sidebar