random rotating image untuk blogger dengan javascript

Tentunnya rekan-rekan sudah tahu apa yang dimaksud dengan random rotating image bukan??? yup...gambar yang berganti-ganti setiap kali halaman web di reload atau di refresh.

Sebelumnya saya telah membuat tulisan serupa di blog tutorial saya yang lama dengan judul posting" cara membuat random banner ads". tulisan mengenai random image tersebut murni utak-atik kode javascript yang saya lakukan yang kodenya di dapatkan dari situs javascriptkit, dari puluhan kode maka saya mendapatkan script terebut yang paling berhasil di aplikasi ke dalam blog. mengenai random rotating image Saya juga telah membuat tulisan terkait yaitu "random rotating image header on blogger" di blog saya yang lama juga. jadi silahkan di coba juga.

Nah, untuk saat ini saya juga ingin sharing cara membuat random rotating image lainnya yang dibisa di aplikasikan ke blogger.Sharing singkat ini saya lakukan karena hari-hari ini masih agak malas nulis, jadi cari materi blogger tutorial yang ringan-ringan saja.

Oke, tanpa banyak babibu, langsung menuju ke inti "cara membuat random rotating image on blogger dengan javascript"-nya

Untuk memasang script random image ini sebenarnya ada 2 jalan, yaitu melalui edit template secara langsung atau yang paling mudah melalui elemen halaman. Sekarang kita pakai cara yang paling mudah saja; melalui element halaman.

• Dari dasbor blog pergi ke halaman elemen halaman dari blog yang akan dipasang random image ini dengan mengklik menu "Tata letak" dari blog yang dipiliih


• Setelah halaman terbuka, klik "tambah gadget" lalu pilih yang "html/ javascript". klik " tambahkan ke blog".


• kopi kode di bawah ini lalu pastekan di halaman tambah html/ javascript yang telah terbuka
  
  
  <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>
  
  
  untuk kode
  random()*5)silahkan ganti dengan jumlah gambar yang akan di jadikan dalam rotating image ini.
  
  sedangkan kode dibawahnya yang diberi warna merah adalah lokasi peyimpanan gambar.silahkan ganti dengan jumlah gambar yang di inginkan.


• simpan perubahan.


• selesai.

Nah, ternyata gampang bukan membuat random rotating image di blogger?. jangan lupa mengunjung blog saya yang lama untuk membaca-baca tutorial mengenai random image ini.

ada yang punya script lain mengenai random rotating image ini, silahkan di sharing!!!