Random Image pada Header cara kerjanya sama dengan Random Image Widget,
yaitu bergantiannya image yang tampil bila halaman blog bila di-reload,
yang membedakan hanya penempatannya yang ini pada Header blog.
Untuk memasang random image pada header agak sedikit berbeda dengan memasang random image widget, gambar yang akan ditampilkan harus sesuai ukuran header,
bisa juga lebih kecil atau lebih besar tapi nantinya akan timpang
(tidak enak untuk dilihat), untuk itu sebelum memakai script ini
sebaiknya pastikan dulu ukuran header blog kalian, lakukanlah edit
gambar sesuai ukuran header sebelum diupload, selain itu biasanya
setelah memasang script ini tampilan gambar tidak akan langsung pas
karena tiap template ukuran jarak antara header berbeda, bila hal itu
terjadi ubahlah bagian padding header untuk menyesuaikannya. Untuk
scriptnya kalian bisa mengcopynya di bawah ini :
<script type="text/javascript"> var banner= new Array() banner[0]="Alamat Gambar" banner[1]="Alamat Gambar" banner[2]="Alamat Gambar" banner[3]="Alamat Gambar" var random=Math.round(3*Math.random()); document.write("<style>"); document.write("#header {"); document.write(' background:url("' + banner[random] + '") no-repeat left TOP;'); document.write(" }"); document.write("</style>"); </script>
Cara memasangnya dalam blog :
- Masuk ke akun Blogger
- Pilih menu Design/Rancangan - Edit HTML
- Cari kode
<body> - Letakan script tersebut dibawah kode
<body>- Save
Semoga bermanfaat,
