Menampilkan Random Image di Blog
Berikut adalah javascript untuk membuat random image. Gambar akan berganti tampilannya secara acak apabila blog dibuka atau browser direfresh, sesuai dengan gambar/ foto yang telah kita set linknya, seperti random stiker jadul pada blog ini.
Silakan copy paste ke modul atau add gadget html/javescript di blog anda, anda tinggal mengganti alamat/link (yang berwarna hijau) disesuaikan dengan dimana gambar berada, kemudian merubah angka array(3) , sesuai dengan jumlah gambar yang dipasang. dan menambah images[3], images[4] ...dan seterusnya.
<p align="center"><script language="JavaScript"><!--
//store the quotations in arrays
images = new Array(3);
images[0] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXmPh9SDEtiEE7brznC5thyphenhyphenMfRAQwPGB850fn97m3T6gUgIkwr_urp9jtIZsWDnXKtlJbCfbY435F-XRdavYGdhFbkE8jTa2Z5d9xV5PjEw52xiZIZA1ePbHUB5f_67djptG8BlqQG7pI/' ></a>";
images[1] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih9ZykP7Nf8iS0ub1A-okgoYdIZMnkdYIF4qkx-TQNyJykV4q0oPctd5nuLP-Ee8_cbqyDlsVfsuCg8TjMdIUmflAZrio_Og2ct9bnYy7bK1LVJvakD46d3aDBYVjOssj2XpF_0p70YmI/' ></a>";
images[2] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ0FuSWZzHhSR2UlcjJfKESx4OF35XbVsGCtlO75tftv6oSZ83XzM2QwbcOfvpxDiTvlpj1ck3cLeCAz_KOcbZWlmabIjwaJC4SkT0g8JK5Ed5rMS9gIw_3gBxdbCbHaxoyHXCE4wWGTA/' ></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//done
// --></script><br/></p>
Untuk penyimpanan gambar, pada saat ini banyak sekali layanan free web album, anda bisa menggunakan Google photo, photobucket, flicker dan lain-lain.
Silakan copy paste ke modul atau add gadget html/javescript di blog anda, anda tinggal mengganti alamat/link (yang berwarna hijau) disesuaikan dengan dimana gambar berada, kemudian merubah angka array(3) , sesuai dengan jumlah gambar yang dipasang. dan menambah images[3], images[4] ...dan seterusnya.
<p align="center"><script language="JavaScript"><!--
//store the quotations in arrays
images = new Array(3);
images[0] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXmPh9SDEtiEE7brznC5thyphenhyphenMfRAQwPGB850fn97m3T6gUgIkwr_urp9jtIZsWDnXKtlJbCfbY435F-XRdavYGdhFbkE8jTa2Z5d9xV5PjEw52xiZIZA1ePbHUB5f_67djptG8BlqQG7pI/' ></a>";
images[1] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih9ZykP7Nf8iS0ub1A-okgoYdIZMnkdYIF4qkx-TQNyJykV4q0oPctd5nuLP-Ee8_cbqyDlsVfsuCg8TjMdIUmflAZrio_Og2ct9bnYy7bK1LVJvakD46d3aDBYVjOssj2XpF_0p70YmI/' ></a>";
images[2] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ0FuSWZzHhSR2UlcjJfKESx4OF35XbVsGCtlO75tftv6oSZ83XzM2QwbcOfvpxDiTvlpj1ck3cLeCAz_KOcbZWlmabIjwaJC4SkT0g8JK5Ed5rMS9gIw_3gBxdbCbHaxoyHXCE4wWGTA/' ></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//done
// --></script><br/></p>
Untuk penyimpanan gambar, pada saat ini banyak sekali layanan free web album, anda bisa menggunakan Google photo, photobucket, flicker dan lain-lain.
8 comments: