
2. Copas kede dibawah ini dan letak kan di bawah body { seperti contoh dibawah ini
body {3. Lihat teks yang berwarna merah, ganti dengan url(http://ALAMAT URL GAMBAR ANDA);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background : #000000;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
dan jangan lupa tambahkan pula kode yang ada di bawah ini
background-attachment: fixed;
dan letakan di bawah kode tersebut, kira-kira terlihat seperti ini :
body {4. Untuk teks yang warna kuning bisa sobat pilih dari dua pilihan sebagai berikut :
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: #ff0000 url(http://ALAMAT URL GAMBAR ANDA);
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Fixed : agar letak gambar background tetap/statis
Scroll : agar gambar background ikut bergerak/bergeser saat kita men-Scroll mouse kita.
5. Terus SAVE dan lihat hasilnya...
Demikianlah Tips dari Saya semoga bermanfaat, jangan lupa Follow dan tinggalkan komentar anda kalau kurang jelas dan bermanfaat.
SALEUM ANEUK NANGGROE
tadinya saya cari artikel: cara buat gambar background bergerak mengikuti scroll, dan saya tidak menemukan sama sekali yang diulas dari blogger lain. Tapi setelah saya baca artikelnya ini, akhirnya saya menemukan solusi tersebut. Karena diberikan pengertian Fixed dan scroll. sekali lagi makasih,, artikelnya ini sangat bermanfaat buat saya.
ReplyDelete