Membuat Random Header

type='html'>

Dalam edit Header, adakalanya kita jenuh dengan tampilan itu-itu saja. Belum lagi kita akan merasa bingung untuk memilih dari beberapa gambar untuk dijadikan gambar header. Pilihan yang tepat untuk mengatasi kedua masalah tersebut adalah Membuat Random Header di Blogspot.

Tanpa basa basi yuk kita buat! Sahabat sejuta trik blogger hanya perlu menambahkan kode di Widget sahabat dengan kode berikut ini :

<br /> <script type=”text/javascript”><br /> var banner= new Array()<br /> banner[0]=”Alamat Image01URL”<br /> banner[1]=”Alamat Image02URL”<br /> banner[2]=”Alamat Image03URL”<br /> banner[3]=”Alamat Image04URL”<br /> banner[4]=”Alamat Image05URL”<br /> banner[5]=”Alamat Image06URL”<br /> banner[6]=”Alamat Image07URL”<br /> banner[7]=”Alamat Image08URL”<br /> banner[8]=”Alamat Image09URL”<br /> banner[9]=”Alamat Image10URL”<br /> var random=Math.floor(10*Math.random());<br /> document.write(“<style>”);<br /> document.write(“#header {“);<br /> document.write(‘ background:url(“‘ + banner[random] + ‘”) no-repeat top left;’);<br /> document.write(” }”);<br /> document.write(“</style>”);<br /> </script>

Ganti "alamat image URL dengan alamat url gambar sobat. Ukurannya menyesuaikan header sobat.

Untuk mengatur gambar header blog, Sahabat harus mengetahui Lebar Blog. Dalam kasus ini adalah mengetahui lebar blog. Untuk mengetahuinya silakan klik menu pada Tool Blog di samping kanan posting ini!. Begitulah membuat random header di blogspot. Semoga bermanfaat!

DEMO : http://moelangbotjahesdhe.blogspot.com/
(Dengan klik salah satu jugul posting, maka gambar header akan berubah)

Happy Blogging! by. Sejuta Trik Blogger

Membuat Random Image Pada Header Blogspot

type='html'>Apakah anda pernah melihat suatu blog yang mempunya gambar header yang jika di refresh berubah ubah ?, ya kali ini kita akan mambahas cara membuat. 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...langkah pembuatannya




loggin blogger.com > Rancangan > Edithtml
Cari kode dan masukkan kode berikut di bawahnya

oke simpan dan lihat hasilnya..

untuk menambah agar lebih banyak sobat cukup menambahkan jadi seperti ini

banner[4]= "http://alamat-gambar-kamu.gif"
banner[5]= "http://alamat-gambar-kamu.gif"
banner[6]= "http://alamat-gambar-kamu.gif"  \

dan seterusnya, mudah bukan?

semoga bermanfaat