CARA AGAR BACKGROUND TIDAK BERGERAK SAAT DI SCROLL
Sabtu, 11 Agustus 2018
0
komentar
AGAR BACKGROUND TIDAK
BERGERAK SAAT DI SCROLL (Background Fixed)
Sebagai penjelajah dunia maya barang kali kita sering melihat web/ blog yang backgroundnya tidak bergerak saat di scroll ke atas, seperti tampak pada blog Mimbar Dakwah. Ini mierupakan hasil otak atik sendiri sehingga menemukan intisari dari langkah-langkah agar background tidak bergerak saat di scroll. Adapun langkah-langkahnya adalah sebagai berikut:
- Login ke blogger >> Template >> Edit HTML Seperti sebelumnya, Pada materi Mengganti background dengan gambar sendiri.
- Cari kode HTML >> body {background >>, agar mudah/ cepat gunakan (CTRL + F ) untuk mencari. Sehingga tampil kode html seperti berikut: >>> body {background:$bgcolor url(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_PIQ1EUBMNPje4yl7vm5y1BX3gwqbT2rpdexN7dc_jZIk6fdpaof-UFY31L3UbMpR56X6Ro_a3lTTIFaJL-0gkztWlVRrQDkv7e0wEmx9YIdl1gkdW3X4lVnTaCj7fOaKHSZ-aBh7-Y/s1600/Background+Bentuk+Kramik.jpg") top center no-repeat ; ATAU kode html >> body {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_PIQ1EUBMNPje4yl7vm5y1BX3gwqbT2rpdexN7dc_jZIk6fdpaof-UFY31L3UbMpR56X6Ro_a3lTTIFaJL-0gkztWlVRrQDkv7e0wEmx9YIdl1gkdW3X4lVnTaCj7fOaKHSZ-aBh7-Y/s1600/Background+Bentuk+Kramik.jpg") top center no-repeat ;
- Maka langkah berikutnya ganti kode di atas dengan kode berikut ini. >>> body{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_PIQ1EUBMNPje4yl7vm5y1BX3gwqbT2rpdexN7dc_jZIk6fdpaof-UFY31L3UbMpR56X6Ro_a3lTTIFaJL-0gkztWlVRrQDkv7e0wEmx9YIdl1gkdW3X4lVnTaCj7fOaKHSZ-aBh7-Y/s1600/Background+Bentuk+Kramik.jpg") top center no-repeat fixed;
- Save dan lihat hasilnya, SEMOGA SUKSES.
Semoga berhasil dan selamat mengerjakan...
Baca Selengkapnya ....