C.T.T. - Bagi sohib yang memakai template atau tema techy blogger, pasti mendapati blognya tidak mempunyai gambar background. Hal ini mungkin tidak akan menjadi masalah untuk sohib yang menginginkan loading blog cepat. Tetapi lain halnya dengan sohib yang menginginkan tampilan menarik dibanding kecepatan loading.
 |
| Contoh background tema Techy Blogger yang dirubah |
1. Caranya cukup mudah, sohib hanya perlu menuju edit HTML.
2. Klik kolom HTML (agar dapat melakukan pencarian cepat dengan mudah) dan pencet tombol Ctrl dan F secara bersamaan.
3. Setelah melakukan langkah kedua, akan keluar kolom (Ctrl+F). Ketik body { (ingat, pakai spasi si antara body dan '{')
4. Kita tambah link untuk gambar background dengan cara menambahkan kode ini setelah body {:
Contoh:
*) Untuk fungsi #f7f7f7 ialah sebagai warna background (tidak akan terlalu berpengaruh karena terhalang gambar penuh)
**) Untuk fungsi fixed; center top; ialah sebagai pengatur layar background, apakah ingin posisi center (tengah) top (atas) ataukah lainnya. Kombinasi fixed jika sohib ingin gambar naik turun saat halaman di-scroll.
5. Isi Url dengan alamat gambar yang ada di internet. Misal:
Selesai, mungkin cara ini agak membingungkan bagi yang baru pertama kali belajar. Namun, jangan khawatir. Seiring dengan semakin banyak berlatih insya Allah cepat memahami.
background:
background: #f7f7f7 url(http://.............)Contoh:
background: #f7f7f7 url(http://i1186.photobucket.com/albums/z375/AntoniaIvan/elegant-wallpaper-22058-22614-hd-wallpapers_zpsgvheegmh.jpg) fixed; center top;
*) Untuk fungsi #f7f7f7 ialah sebagai warna background (tidak akan terlalu berpengaruh karena terhalang gambar penuh)
**) Untuk fungsi fixed; center top; ialah sebagai pengatur layar background, apakah ingin posisi center (tengah) top (atas) ataukah lainnya. Kombinasi fixed jika sohib ingin gambar naik turun saat halaman di-scroll.
5. Isi Url dengan alamat gambar yang ada di internet. Misal:
url(http://i1186.photobucket.com/albums/z375/AntoniaIvan/elegant-wallpaper-22058-22614-hd-wallpapers_zpsgvheegmh.jpg)
background:
background:
6. Simpan hasil editan HTML template.Selesai, mungkin cara ini agak membingungkan bagi yang baru pertama kali belajar. Namun, jangan khawatir. Seiring dengan semakin banyak berlatih insya Allah cepat memahami.
Sumber: Seoterpadu
0 comments:
Posting Komentar