Membuat Random Image Pada Header Blogspot
Situseo Blog : Random Image pada Header cara kerjanya sama dengan , 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 :
Cara memasangnya dalam blog :
Semoga bermanfaat,
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
Dalam script tersebut hanya menampilkan 4 buah gambar, bila kalian ingin menambah atau mengurangi jumlah gambar gantilah jumlah angka dalam math random, dan gantilah alamat gambar dengan url gambar kalian yang sudah diupload.
Semoga bermanfaat,
Bila ada artikel yang sudah tidak relevan atau ada link yang rusak, mohon pemberitahuannya melalui komentar.
Dengan mencantumkan link sumber tentu Anda lebih bijak, Terima kasih.
Dengan mencantumkan link sumber tentu Anda lebih bijak, Terima kasih.
Bahasan Sejenis :
apa gambar header yang bawaan harus di hapus
@Aieza : Ya harus dihapus dulu, sebab pemasangan dalam kode body akan ditempatkan pada lapisan paling bawah, jika background pada header tidak dihapus akan menutupi gambar yang akan ditampilkan.
Terima Kasih Tipsnya sangat berguna untuk blog saya :)
yg nggak bisa ke http://www.o-om.com/2007/12/cara-buat-random-image-header-pada.html lihat komentar2nya
Posting Komentar
rate this post
Terima kasih,