Cara Membuat Gambar yang Berubah-ubah di Setiap Halaman Blog

Bila kita menampilkan gambar pada suatu halaman blog, blog tersebut akan terlihat lebih menarik. Akan lebih menarik lagi bila gambar tersebut berubah-ubah tiap kali kita melakukan reload/ membuka halaman baru. Bagaimana caranya membuat gambar yang dapat berubah-ubah di setiap halaman blog? Salah satu caranya adalah dengan membuat javascript seperti di bawah:

<script language="JavaScript">
var img_width = "200";//lebar gambar
var img_height = "200";//tinggi gambar
var img_title = "gambar blog";//teks yang muncul ketika mouse diarahkan ke gambar
var ad=new Array()

//masukan url gambar Anda disini
ad[0]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzwbS1sN2skwrkUbGPorH_-lDSyiismTDMNmsrAApM5wxcoJKCMRlVzkdt8_cD9x3QNtVqDWPxW8qkOlRBW41eK6RmM-vOaxVknLgMqpPaRluCFciNb_CDnj-XRhcf4fCaemEHrl2aQ_wU/s400/maxthon.png';
ad[1]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyVuvUwrEsaUKBOe8L8FR6nbdMeDvO8KnOMRKOZ-BFoqN4NqQ-aW4D2nWOtGXh8u3P7zJB3tQaXfV92xb3SE5gc6bErEO_qNWezXF9s9Kyn7YJdAIou2O9A5vwyaUgSTConcghbveel7_d/s320/hosting%20gratis%20indonesia.png';
ad[2]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmXiKdUB9JlSTLTSPXxescZOmNJDlOSNAT2S5Y5xvk3R09xlLHthyphenhyphenFd0wEvesu2NNfklnS67BnngaXHgicmqVf-VrKVRJptMc8v30hC63RDwVrFeJOmeNhqDmgh0BeSCxhQQUWv3_U9wYM/';
ad[3]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXTYdPNioJA9t6dhZFlz7o4zpApYslqhzW4Lq7fqJyvjr1KRjHe1ki6xMOnB3e3NIQtvJ0Gd-pkuUUtN9KVFb00nwUmNYQ527w5FIMxcUxne2b_pDRIz6Qe245dLOBRnqLv-0mAH6s07Ff/s400/asteroid%20dan%20comet.jpg';
ad[4]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRdWhYsvmpeuf7deF8bmq9HJ-keHVmGQ0l12Pl-s-c4KQ1aRuF25BHLCq0MKeQZm0tgxukh18p1kRMITP1D-cZBy5Wr1FCpVlQVQYR_ytO5SXwUS96sBg_K9LjB8LuQLvdiheJdyvZaGHB/';
var links=new Array()

//masukan url tujuan/ kosongkan
links[0]='http://chikawap.blogspot.com/';
links[1]='http://chikawap.blogspot.com/';
links[2]='http://chikawap.blogspot.com/';
links[3]='http://chikawap.blogspot.com/';
links[4]='http://chikawap.blogspot.com/';

var xy=Math.floor(Math.random()*ad.length);
document.write('<a href="'+links[xy]+'" target="_blank"><img src="'+ad[xy]+'" width="'+img_width+'" height="'+img_height+'" alt="'+img_title+'"></a>');
</script>Catatan:

*Pada teks yang berwarna merah,silahkan ganti dengan gambar yang sobat keinginankan*
*dan warna biru silahkan sobat ganti ukurannya sesuai dengan keinginan sobat*

Cara membuatnya:

1. Masuk ke akun blogger Anda.
2. Pilih Design/Rancangan dan pilih Page Element
3. Pilih Add a Gadget/ Tambah gadget
4. Masukkan Script di atas
5. Klik Save jika sudah selesai
6. Lihat hasilnya!