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? ok sobat berikut ini adalah cara membuatnya di Blog Blogger Blogspot.

Membuat Background Tidak Bergerak


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.
5 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? :)

saya coba pake background seperti ini ...

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );


kok ga bisa yah tolong saranya donk..

Saya tidak tahu ini untuk apa, tapi hasilnya jadi kayak dibawah ini :
http://3.bp.blogspot.com/-ln8HaijfKbE/VVNnuAhNosI/AAAAAAAAEvw/S3rk_YmsXpI/s620/background-blog.png

Kode background yang terakhir itu yang terbaca. maaf ilmu saya belum sampai ke situ.