Cara Membuat Backround Blog Tidak Bergerak Saat Di Scroll (Fixed)

How to make fixed backround blog's
Halo sobat kumpulan's.... kali ini admin akan berbagi sedikit tips blogger bagi sobat, yaitu mengenai Bagaimana caranya agar backround pada blog kita, tidak bergerak alias FIXED. Kalau dipikir backround blog lebih rapi kalo tetap diam dibandingkan terpecah-pecah bukan, itu menurut admin, kalo menurut sobat bagaiamana ?. OKelah langsung saja ikuti tips berikut ini.

Langkah-langkah nya : 

1. Login ke blogger.com

2. Pergi ke Dasbor >>> Pilih Rancangan >>> Edit HTML

3. Lalu cari kode berikut ini.


body {
text-align: center;
background: #ffffff url(http://url gambar anda);
Comic Sans MS,arial,trebuchet ms,verdana,sans-serif;
}

4.  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;
}

Note :

  • Kode bewarna merah dapat sobat sesuiakan dengan warna keinginan sobat (pendapat admin bagus biarkan saja)
  • Kode berwarna biru merupakan url gambar atau backround yang akan sobat pasang
  • Kode berwarna orange merupakan kode untuk membuat backround sobat menjadi tetap
Tambahan ( Boleh dipakai )

Fixed juga ada bermacam-macam penempatan:
fixed top right;)  =  gambar diam sebelah kanan
fixed top left;)  =  sebaliknya
fixed center;)  =  gambar diam terletak pas di tengah template
fixed bottom;)  =  gambar diam terletak dibawah

5. Lalu Save Template dan lihat hasilnya... 

Semoga Membantu sob :)

Terima kasih atas kunjungannya sob. JIka sobat men-copas artikel ini, jangan lupa cantumkan link sumber dari blog ini !!. Bagi sobat yang ingin mendapatkan informasi terbaru dari blog ini. SIlahkan like dan follow blog ini ya (^_^)

0 Response to "Cara Membuat Backround Blog Tidak Bergerak Saat Di Scroll (Fixed)"

Post a Comment