Cara Membuat Background Template Blog

Cara Membuat Background Template BlogHanya sekedar untuk membuat tampilan blog menjadi lebih menarik, anda dapat menentukan dan bahkan memasang gambar sebagai background template blog anda. sebagai contohnya adalah gambar background pada blog ini. sebelum anda membuat background untuk blog anda, sebaiknya anda meng-upload gambar backgroundnya terlebih dahulu (klik Cara Upload Gambar Yang Baik).

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:

FREE MUSIC DOWNLOAD mengatakan...

Tips yang sangat bermanfaat....

Elvindinata mengatakan...

wehh,,sip nih,,, thanks dah sharing nih,,^^,happy blogging :)

Rizky2009 mengatakan...

kalau bedround blog q g pakai gambar, sip nih kapan2 akan saya coba pk begound gambar

rybas mengatakan...

wahhh.... ini ni yag saya cari2....

catatan kecilku mengatakan...

Ilmunya banyak banget ya..? Senengnya bisa berbagi ilmu...

dhanz ramadhan mengatakan...

makasi gan ilmunya... :)

Posting Komentar