Header Blog & Channel
                                      


                   

Cara Membuat Background RandomImage Pada Header

Pada tutorial ini wan nak share bagaimana cara membuat background gambar pada header yang tampil secara berganti2. Dan background header mengalami perubahan background ketika halaman setiap kali direfresh. 


Dgn menambahkan fitur random image pada background header ini, seakan mengganti suasana tampilan blog kita..., Hebat kan? Munculnya perubahan background tergantung jumlah gambar background header yang kita buat. Dan dibawah ini wan sertakan dengan 5 tampilan background gambar yang berbeda.

Pada yg berminat boleh ikut langkah - langkah dibawah ini : 
1. Login ke blogger dengan ID kOrang.
2. Klik Design. 
3. Dan Klik Edit HTML.




4. Cari kode di bawah ini atau yang mirip dengan kode ini : <body>

5. Copy kode di bawah ini dan letakkan di hadapan kode <body>




Catatan:

Ganti "URL GAMBAR UKURAN HEADER" dengan URL gambar Korang. 

Jika kode di atas tidak bekerja pada blog Anda, silahkan ganti "# header-wrapper" dengan 
"# header". (ID atau CSS pada bagian header). 

Anda dapat menambahkan gambar yang berbeda untuk latar belakang header pada blog anda. Tapi ingat untuk memberi 5 gambar background, pada bagian "var random" tertulis 
"var random=Math.round(4*Math.random());"

Jadi bila anda ingin menambahkan menjadi 8 tampilan background yang berbeda, maka kode harus berubah menjadi seperti berikut : "var random=Math.round(7*Math.random());".

Silahkan perhatikan cara penulisan di bawah ini.:



5. Save Template. 


Cuba anda refresh halaman blog anda. maka tampilan background kOrang akan berganti.

No comments: