Cara Membuat Background Tidak Bergerak di Blogger
Berikut ini seocips.com akan membagikan tentang Cara Membuat Background Tidak Bergerak di Blogger. Berbicara mengenai background blog sebelumnya juga seocips pernah membagikan tentang cara mengganti background template blog dengan gambar , bedanya hanya saja gambar background kali ini jika halaman di scroll gambar background nya tidak bergerak atau diam ditempat.

Trik ini sederhana saja hanya dengan menambahkan sedikit kode di CSS blog. nah untuk lebih jelasnya lagi bagaimana contohnya silahkan sobat menuju ke halaman Demo dibawah ini kemudian Perhatikan backgroundnya, silahkan scroll ke atas dan kebawah dan lihat backgroundnya tidak bergerak.

Bagaimana? apakah anda tertarik ingin membuatnya? (Baca juga: cara membuat background blog berubah-ubah warna ) ok sobat berikut ini adalah cara membuatnya di Blog Blogger Blogspot.

Membuat Background Tidak Bergerak (Fixed Background)

1. Di blognya sobat
2. Masuk ke menu template dan masuk ke edit HTML template blogger.
3. Temukan kode ini body {
Misalnya kode body nya seperti dibawah ini, atau jika tidak tambahkan background gambar pada kodenya:
body{background:url(http://2.bp.blogspot.com/-Cg_-OlvfNio/VRGFHFWQ7DI/AAAAAAAAEFM/xHtXAX1eiMs/s1600/anime-background-web-blog-seocips.jpg);color:#696969; font-size:13px;font-weight:400;line-height:22px;}
4. Tambahkan saja kode ini ke dalamnya:
background-position: center; background-size:100%; background-repeat: no-repeat; background-attachment: fixed;
5. Contohnya hasilnya adalah seperti dibawah ini :
body{background:url(http://2.bp.blogspot.com/-Cg_-OlvfNio/VRGFHFWQ7DI/AAAAAAAAEFM/xHtXAX1eiMs/s1600/anime-background-web-blog-seocips.jpg);background-position: center; 
background-size:100%; background-repeat: no-repeat; background-attachment: fixed;color:#696969; font-size:13px;font-weight:400;line-height:22px;}
6. Warna biru diatas adalah url gambar background tapi ukurannya kecil jadi ganti dengan yang lebih besar, atau ganti dengan gambar url gambar yang anda inginkan. Simpan template anda dan lihat hasilnya.
Ok sekian mengenai cara membuat background blog tidak bergerak saat di scroll, semoga bermanfaat.
3 Komentar untuk "Cara Membuat Background Tidak Bergerak di Blogger"

saya rasa tulis seperti ini sudah cukup mas (no-repeat fixed top)

Bisa di coba, tapi ini ala blog ini lah, jadi lain dikit gak apa-apa kan? :)

Udah dicoba dan berhasil,, thanks mas sudah berbagi