Ke Dashboard/dasbor --> Layout/tataletak -->Edit HTML
"JANGAN CENTANG" Expand template widget.
Saran gua, sebelum melakukan perubahan, kita harus mem-backup template dengan "download lengkap template", lalu cari kode dibawah ini:
body {
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%;
}
Perhatikan warna merah, ganti dengan kode dibawah ini:
background-image: url (http://ALAMAT URL GAMBAR);
Lalu tambahkan kode ini:
background-attachment: fixed;
Contoh:
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background-image: url (http://ALAMAT URL GAMBAR);
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Warna biru terdapat dua pilihan (pilih salah satu):
- Fixed: agar letak gambar background tetap/statis
- Scroll: agar gambar background ikut bergerak/bergeser saat kita men-Scroll mouse kita.
Jangan lupa klik tombol Save/simpan perubahan, lalu lihat hasilnya...
Agar mutu gambar background lebih tajam, kita harus men-TRANSPARANT-kan background body, content, sidebar dan lainnya. Nah untuk itu silahkan lihat catatan gua selanjutnya.
0 komentar:
Post a Comment