Auto Random Image with Javascript for Blogger

Suatu ketika mungkin kita pernah menjumpai sebuah blog/website yang berganti setelah di-refresh. Untuk itu saya akan menjelaskan cara membuat sebuah Auto Random Image with Javascript for Blogger.

Langkah pertama persiapkan sebuah account image hosting, terserah di mana pun boleh.

Masuk ke Elemen Halaman >> Tambah Gadget >>HTML/Javascript. Paste kode javascript tersebut dan simpan.

Gambar ini adalah marquee kalo mau pasang yang seperti ini klik disini

   

 Atau alternatif lain, kode ini harus diletakkan di antara tag [kode javascript]. Pilihan alternatif tidak disarankan untuk Anda yang belum paham kode HTML, sebaiknya melalui Elemen Halaman saja.

<script language="javascript">

<!--

var bdis = "<img src=\"";

var edis = " style=\"border:none;\">";

var rnumb = "";

var img = "";

rnumb += Math.floor(Math.random()*5);

img = rnumb;

if (img == "0") {document.write(bdis+ "http://www.imagehosting.com/picture0.jpg\"" +edis);}

if (img == "1") {document.write(bdis+ "http://www.imagehosting.com/picture1.jpg\"" +edis);}

if (img == "2") {document.write(bdis+ "http://www.imagehosting.com/picture2.jpg\"" +edis);}

if (img == "3") {document.write(bdis+ "http://www.imagehosting.com/picture3.jpg\"" +edis);}

if (img == "4") {document.write(bdis+ "http://www.imagehosting.com/picture4.jpg\"" +edis);}

// -->

</script>

Simpan perubahan.

Kode yang berwarna merah itu bisa dikustomisasi sendiri. Jika ada 10 gambar yg akan ditampilkan secara bergantian maka angka "5" diganti dengan "10". Sedangkan kodenya bisa ditambah sendiri hingga sebanyak-banyaknya, diikuti angka 0 hingga 9.

Terima kasih dan semoga bermanfaat.