='body-fauxcolumns'>

Sunday, 9 March 2014

Cara Membuat Background Blog Pada Blogger Agar Selalu Tetap

Kali ini saya akan membahas cara supaya tampilan blog tidak terlalu pusing saat dibaca.
Salah satu caranya adalah dengan membuat bagian background blog selalu dalam posisi tetap dan tidak bergerak mengikuti scroll.

Berikut ini adalah solusinya:
  • Pergi ke Dasbor >> Rancangan >> Edit Html. 
  • Sekarang kira-kira cari kode seperti ini :
body {
text-align: center;
background: #ffffff url(http://url gambar anda);
Comic Sans MS,arial,trebuchet ms,verdana,sans-serif;
}
  • Lalu tambahkan kode background-attachment: fixed; Setelah kode Background. Maka akan menjadi seperti ini :
body {
text-align: center;
background: #ffffff url(http://url gambar anda);
background-attachment: fixed;
Comic Sans MS,arial,trebuchet ms,verdana,sans-serif;
}
  • Sekarang tinggal di save dan lihat hasilnya.
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------

Kalau cara yang dilakukan diatas itu adalah untuk tampilan Blogger yang lama.
Nah, untuk tampilan Blogger yang baru di tahun 2014, kode scriptnya mungkin agak sedikit berbeda kalau yang saya lihat. Dan berikut ini caranya:

Mula mula login ke akun Blogger sobat.
Pergi ke Dasbor >> klik nama blog >>Dipojok kiri pilih Template>> Edit Html >>Klik Edit Template.

Sekarang kira-kira cari kode seperti ini :
repeat scroll top center"/>

Ganti kode yang berwarna merah dengan kode : fixed
Sehingga akan menjadi seperti ini : repeat fixed top center"/>
Lalu Simpan Template, dan Lihat Blog.

Background blog sudah tidak bergerak lagi mengikuti scroll.