Rabu, 23 Februari 2011

Trik membuat gambar berubah sendiri di Blogspot

Trik ini akan membuat suatu gambar di blog kapten, apabila direfresh (f5) maka gambarnya akan secara otomatis berubah sendiri. Cocok bagi pengunjung supaya tidak bosan. Penasaran? . . .
Trik ini bisa digunakan untuk widget, dan bukan untuk postingan. Ikuti langkah-langkah berikut :

  1. Log in ke account blogspot kapten.
  2. Copy kode di bawah ini

    <script language="JavaScript">
    <!--


    function gambar_berganti(){
    var gambarku=new Array()
    //Kapten bisa menambahkan gambar sebanyak mungkin, sesuka kapten.
    gambarku[1]="http://urlgambarandadisini.gif"
    gambarku[2]="http://urlgambarandadisini.gif"
    gambarku[3]="http://urlgambarandadisini.gif"

    var bt=Math.floor(Math.random()*gambarku.length)

    if (bt==0)
    bt=1
    document.write('<img src="'+gambarku[bt]+'" border=0>')
    }

    gambar_berganti()

    //-->
    </script>
    * Penting !

    1. Jangan lupa mengganti kode yang berwarna merah dengan URL gambar kapten.
    2. Kapten juga bisa menambahkan gambar dengan menambahkan kode yang berwarna biru di atas, tambahkan gambarku[4]="http://urlgambarandadisini.gif" dan seterusnya.
    3. Bila kapten hanya menggunakan 2 gambar maka hapus gambarku[3] dan gunakan hanya gambarku[1] dan gambarku[2]
  3. Kemudian, kembali ke account blogspot kapten > design > add a gadget > pilih "html/javascript"
  4. Paste kode kemudian click save.

Viola! Sekarang kapten sudah berhasil membuat gambar yang berubah sendiri di blogspot. Untuk melihat hasilnya, tekan refresh/reload page blog, otomatis gambar akan berubah sesuai dengan http://urlgambarandadisini.gif yang kapten inputkan di kode, namun karena bersifat acak/random maka gambar yang keluar bisa jadi kadang sama.

0 komentar:

Posting Komentar