Cara Membuat Widget Random Image Pada Blogspot

Widget Random Image atau Gambar Acak merupakan widget yang berisi beberapa gambar yang akan ditampilkan secara bergantian/acak bila kita mereload halaman blog, seperti halnya dengan Random Post yang menampilkan title post secara acak.

Widget ini sangat ringan karena gambar yang ditampilkan bukan berupa gambar dari file flash, melainkan gambar berjenis file jpeg, gif dan png yang sudah kita upload sebelumnya. Dengan memasang widget ini kita bisa menampilkan koleksi foto atau gambar-gambar yang menarik secara bergantian.

Bila sobat blogger tertarik untuk menampilkan gambar secara acak dalam blog, sobat bisa memasang scriptnya dibawah ini :

<p align="center"><script language="JavaScript"><!--
//store the quotations in arrays
images = new Array(3);
images[0] = "<a > <img src='Alamat URL Gambar Anda' ></a>";
images[1] = "<a > <img src='Alamat URL Gambar Anda' ></a>";
images[2] = "<a > <img src='Alamat URL Gambar Anda' ></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//done
// --></script><br/></p>
<span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://mas-amien.blogspot.com/2011/12/cara-membuat-widget-random-image-pada.html" target="_blank">Random Image</a></span>
Berikut ini cara pemasangannya :
  • Masuk ke akun Blogger Sobat
  • Masuk menu Design/Rancangan - Page Element/Eleman Laman
  • Pilih Tambah gadget - HTML/Javascript
  • Copy dan Paste script di atas
  • Lalu Klik Save/Simpan
Note:
Bila sobat ingin menambahkan gambar lebih dari 3, sobat bisa merubah array 3 menjadi jumlah gambar yang dinginkan dan isilah Alamat URL Gambar Anda dengan url gambar kalian yang telah diupload sebelumnya, sesuaikan ukuran gambar dengan ruang yang akan dipakai (bila akan disimpan di bagian sidebar sesuaikan ukuran lebar sidebar dengan ukuran gambar yang akan ditampilkan).
Cara Membuat Widget Random Image Pada Blogspot

5 comments:

  1. Penyajian Arktikel di blog ini sangat bagus, saya suka..
    Semoga Artikel lainnya memberikan informasi yang lebih bermanfaat lagi.

    ReplyDelete
  2. mantab gan, sip dan patut dicoba. thanks dan berbagi

    ReplyDelete
  3. Biar tulisannya ada di depan gambar image nya gimana gan?

    ReplyDelete