Home » » Cara membuat gambar header berganti ganti / random header

Cara membuat gambar header berganti ganti / random header



Cara membuat gambar header berganti ganti  / random header
Tips Cara membuat gambar header berganti ganti  / random header pernah tak gunakan untuk mengutak atik blog saya yang  memakai blogspot.com, saya pilih  yang templatnya ada fasilitas untuk memasang gambar untuk header, sehingga bisa berkreasi gambar untuk identitas blog.
Namun dengan penggunaan header random memang bikin blog kita sedikit lelet, karena memerlukan loading ganda pada halaman header, ini tipsya.
>> Masuk/ login
>> Buka Template -> Edit HTML
>> Cari kode <b:skin><![CDATA[
( untuk memudahkan pencarian klik ctrl +F biar langsung ketemu)
Kemudian Copy kode dibawah ini, letakan/ di paste di bawahnya. (kode yang kita cari tadi diatas)
</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
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>

keterangan :  dalam jumlah header bisa  ditambah tinggal nambah gambar dan link url nya. Untuk mengambil link url kita bisa memanfaatkan pihak ketiga, untuik menitip/ menyimpan  gambar kita misalnya di………….., nanti kita ambil link url nya.
Demikian tips sederhana, Cara membuat gambar header berganti ganti  / random header semoga bermanfaat.

2 komentar:

  1. Bagus triknya gan.

    Jangan lupa kunbal www.alulpulsa.blogspot.co.id

    BalasHapus
  2. gak berhasil script nya

    BalasHapus