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/AVvXsEhwNMB21_yY2rK25nfbaN2Te0htRH-3itYTSPG4KqGRcREmtShPekLZnhTP1N4OigkIO6ShIXqGYWmI2eN2MipxQhmBAP_E4F9zQJqjPfpRrpoNMGPImTdE4YV6FcIKQVynUmbeqCr7b90Y/s400/maxthon.png';
ad[1]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhicDT84ptUooxW96swzLNEBfAmtw-KG-QflWTjMOVswbXm4aDg32Yiasup6PLBxMBgW7_itJ3-AIjCDMH5yG7CZgv-xl6ZODX3Kcyh8QxJUf8zizW7zq76H5IVN0YPMTLdKY3A6D3cbPie/s320/hosting%20gratis%20indonesia.png';
ad[2]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijB6Z8cdmfsK2MebfdSJcA4KYZlcKDUip8vuASQOAYW8i6lYUm4PqcmOZNQo5QJIjQAatDmvBTF0EdJ49uMqadSc0eMwRXrSKmBwA3rUQ8sM2h81dzjJ9Nnj-6LNvHyMqpcQGyynYixOdt/';
ad[3]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghcltXf_XMtl-_zHCdgezkDJC6A05OAwkUx3yvEUH9fQ0RNEkXMDa0JFKmu3asrXDP_u61J5idPtCZlPqTP4EyCI3YTdYR9-YfgFOLotqcu_BV2vWG6pPiabW4WprsnnpGpr5MbA3ds-Wv/s400/asteroid%20dan%20comet.jpg';
ad[4]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3XWeuCR5aQCde8GId66XSa8TrkdTx5lQBiq7jsSqOPqC3IWQ4k9c9wxBYmi69z8hyPCC9aCCbp6NVDRrxLznnKGS2197cB481gbQF6_S5okylQn6uTpVELWLoanWvDpqoUptS6zjoVjbO/';

var links=new Array()
//masukan url tujuan/ kosongkan
links[0]='http://banyobiroe.blogspot.com/';
links[1]='http://banyobiroe.blogspot.com/';
links[2]='http://banyobiroe.blogspot.com/';
links[3]='http://banyobiroe.blogspot.com/';
links[4]='http://banyobiroe.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:
*teks script tebal warna merah* silahkan ganti dengan keinginan Anda.

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