
Setelah anda mengupload gambar background anda, ikutilah cara berikut :
- Pergi ke "Rancangan >> Edit HTML".
- Cari code CSS body.
- Biasanya code body tersebut telah mempunyai fungsi background: $bgcolor; (jika belum, silahkan anda tambahkan code tadi).
- Letakkan code berikut tepat pada code background diatas sebelum tanda ";" :
url(http://link-URL-Gambar-Anda.JPG) top center no-repeat
- jadi code background akan menjadi :
background: $bgcolor url(http://link-URL-Gambar-Anda.JPG) top center no-repeat;
- Untuk tambahan, gunakan code berikut agar background blog tidak naik turun, dan posisinya akan tetap :
background-attachment: fixed;
- Simpan Template.
/* Penjelasan */
- top center : adalah pemosisian gambar background pada posisi atas tengah.
- no-repeat : adalah tidak mengulang penampilan gambar, maka gambar akan tampak satu saja.
- background-attachment: fixed; : adalah perintah untuk memosisikan gambar background agar tidak mengikuti scroll, jadi posisinya akan tetap walaupun anda meng-scroll browser.
Selamat berkarya dan happy blogging.
6 komentar:
Tips yang sangat bermanfaat....
wehh,,sip nih,,, thanks dah sharing nih,,^^,happy blogging :)
kalau bedround blog q g pakai gambar, sip nih kapan2 akan saya coba pk begound gambar
wahhh.... ini ni yag saya cari2....
Ilmunya banyak banget ya..? Senengnya bisa berbagi ilmu...
makasi gan ilmunya... :)
Posting Komentar