Membuat Fixed Background

Author : Belajar Blogger (newbielabs.blogspot.com)

Membuat background website kita tidak bergerak walaupun kita scroll halaman web kita kebawah, posisi background tetap tak berubah, contohnya adalah di web ini, coba kalian perhatikan background yang ada dibagian kanan bawah, sekarang coba kamu scroll kebawah halaman blog itu, posisi tidak berubah kan?, itulah yang para Master bilang FIXED BACKGROUND. (saya yang newbie mah ngikut aja apa kata para master)

Nah bagaimana si cara membuat Fixed Background itu bisa digunakan di web kita, ok deh kita coba yuk..

1. Pertama2 siapkan gambar background apa yang akan kita gunakan di blog kita, untuk contoh aku gunakan seperti yang ada di web test-feedz aja ya, alamat gambarnya disini nih http://newbielabs.bryansoft.net/newbie/background.JPG

2. Login ke halaman admin kalian pilih menu Tata Letak dan sub menu EDIT HTML.

3. Di kolom source code itu, coba kalian cari tulisan ini

body {
background:$bgcolor

jika ketemu, ubah code tersebut menjadi seperti ini

body {
background:$bgcolor url(http://newbielabs.bryansoft.net/newbie/background.JPG) no-repeat bottom right fixed;

penjelasan :
url(alamat web gambar) = menunjukan gambar apa yang akan ditampilkan
no-repeat = gambar tersebut diset untuk tidak mengulang tampilannya, jadi cukup 1 gambar tidak gambar 1 muncul berulang2.
bottom right = posisi gambar ada dibagian bawah sebelah kanan.
fixed = gambar tidak bergerak dari posisinya.

kira2 penjelasan newbienya seperti itu


4. Yup hanya seperti itu, sekarang simpan setting kalian dan cek web kalian.

ps: untuk mengubah backgroundnya, kalian tinggal ganti alamat http://newbielabs.bryansoft.net/newbie/background.JPG

sorry hanya short tutorial, soalnya lagi sibuk2nya mempersiapkan lebaran lusa hehehe.... harap maklum