Selasa, 13 Juli 2010

Cara Membuat Gambar yang Berubah-ubah di Setiap Halaman Blog

Penulis Blog | 22.08 | |
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/AVvXsEj3mELveR9JfgDh9r96qfr9ymYdczR2AuBFSGq_CS9woD9dD9Y6F17ucEmitY8GydKTJYYLFXbBVJUTNdTs_3F22DLOHdfn4d_gV-nc-rriuvKG4KZXkpBkotZWJl6Ck0lyA690VqK3PKoL/s400/maxthon.png';
ad[1]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNmE8ZPqyo56w9Wgq15G6T_JaxHryKagyMTUGJv5DqtDPImpnoeaGlzxcgiX3yfQFhtdZfzEqNTKhI-I2qt8I1sFTY1ZtIKFCZo9bG4ImU4fhQxe81V2RATk5GpUYvAha5_nk-MyMYTKEZ/s320/hosting%20gratis%20indonesia.png';
ad[2]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Oyk19qqvl7781NGC3Vk_3bEhwHcr2DwmCeo0hmNuzA2jbDTQykHEay79L8z-KP5TIDRZGXsC3PK3rExEkjb39thqZMRtExGyQrJ8NQ7pphDE8gLt432tKwwBLi71BKCyo0q_4h0z-KNg/';
ad[3]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDF7IsLrk1dvY2NTA9o1xKQnvWjuyW221siZV436T3l0Vnia2GSpuE9xRn5llN3l9qpPRWDvziwJZs1e9GVBJ6itj4IIE5ORaDYEBYxJWzDHd9jpnC7a7AWxMBxe7npu6G2vFintiTF0Q/s400/asteroid%20dan%20comet.jpg';
ad[4]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6_o2-BkiajlqMYtIjkZUB1dDQ0elz4XsoK-NurpK9c_GPEe8hLnbZXxamVMuD_NB0Eoh0LTDQULNHZ6X_cKszf-mG0P8rHRxGeTHlrjx8EcCFhhTRXahS9lAL9quR4sZuE_xrlJKZqQC9/';

var links=new Array()
//masukan url tujuan/ kosongkan
links[0]='http://starchem05.blogspot.com/';
links[1]='http://starchem05.blogspot.com/';
links[2]='http://starchem05.blogspot.com/';
links[3]='http://starchem05.blogspot.com/';
links[4]='http://starchem05.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:
*Pada teks yang berwarna 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
6. Lihat hasilnya!

5 komentar:

  1. Makasih atas infonya, saya akan coba kalau saya online di komputer

    BalasHapus
  2. Pada texts yang berwarna ungu di apain gan?

    BalasHapus
  3. yang berwarna ungu ngak usah di apa-apain. itu cuma petunjuk aja. dihilangkan bisa, ngak juga bisa.

    BalasHapus
  4. thanks for info nya gan
    kunjungan nya gan + follow blog ane yh gan

    BalasHapus
  5. Makasih gan infonya, udah berhasil terpasang di blog saya :)

    BalasHapus

Copyright ©2010-2013 Starchem05 Designed By: Software Reviews and Downloads Powered by Blogger