News Update :
Home » , » Cara buat "Random Image Header" Di Blogger

Cara buat "Random Image Header" Di Blogger

Sabtu, April 11, 2009 7:02 AM

Random image header pada blogger sebenarnya bisa kita ganti secara otomatis setiap kali halaman di Refresh atau di Reload. Tujuan tutorial kali ini tentu tetap membuat blog kita tampil lebih bergaya dan punya warna warni tersendiri. Selain membuat blog terlihat lebih hidup juga berguna menghilangkan rasa bosan pengunjung ketika mengunjungi blog kita, agar blog tidak monoton kita perlu menambahkan Random image header ini. pengen tau cara buatnya.. BLOGFSYM akan mengajarkan gimana cara membuatnya, ikuti langka-langka berikut:

  1. Log In ke Blogger, Buka Template -> Edit HTML

  2. Kemudian Copy kode dibawah ini



  3. </script>
    <script type='text/javascript'>
    var gambar= new Array()
    gambar[0]="http://alamat_url_gambar1"
    gambar[
    1]="http://alamat_url_gambar2"
    var acak=Math.floor(
    2 *Math.acak());
    document.write("<style>");
    document.write("#header {");
    document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');
    document.write(" }");
    document.write("</style>");

    </script>




  4. Cari kode <b:skin><![CDATA[

  5. Paste kode diatas, letakkan dibawah kode <b:skin><!--[CDATA[,

  6. Kemudian simpan dan lihat hasilnya.


Pertanyaan: Gimana seandainya ada 5 atau lebih imagenya?, caranya gampang banget, tinggal tambah aja code gambarnya kayak contoh code di bawa ini:

</script>
<script type='text/javascript'>
var gambar= new Array()
gambar[0]="http://alamat_url_gambar1"
gambar[1]="http://alamat_url_gambar2"
gambar[2]="http://alamat_url_gambar3"
gambar[3]="http://alamat_url_gambar4"
gambar[4]="http://alamat_url_gambar5"
var acak=Math.floor(5 *Math.acak());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');
document.write(" }");
document.write("</style>");

</script>


Info: http://alamat_url_gambar => ini merupakan alamat gambar, caranya arahkan alamat URL dimana tempat gambar kamu disimpan


Selamat mencoba, dan tetap menjadi orang yang bermanfaat tanduk.
YOU MIGHT ALSO LIKE

3 Komentar:

firdaus.a mengatakan...

sintak baris atas ( </script> )
yang itu perlu gak?

fay mengatakan...

kok gak bisa malahan blog nya ancur ???????????????????
mohon pencerhan

fay mengatakan...

gimna?
terus pengin nanya ni.tau gak cara ,ngasih ucapan good bye di blogger ketika close?:-o

Posting Komentar

 

© Copyright Kloning Blog 2010 -2011 | Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.