Sebenarnya dari judul postingan saya ini anda sudah dapat memahami bahwa yang akan saya jelaskan ini adalah mengenai gimana caranya agar background atau latar belakang bolck bawaan dapat di ubah sesuai dengan gambar pilihan kita sendiri...
oke kita langsung aja pada petunjuk pengerjaannya...
1. Login ke dashboard blogger anda, pilih Rancangan > Edit HTML, centang Expand widget
template.
2. Temukan kode pengaturan background blog dalam template anda, biasanya diawali dengan kode
body{. (gunakan tombol f3 bada keyborard dan masukan kode merah tersebut, lalu tekan enter).
3. Kalau kesulitan cari aja kode yang mirip-mirip seperti dibawah ini.
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
4. Kemudian cari dulu sebuah gambar yang akan kita jadikan background, ukuran terserah saja
namun sebaiknya dalam format PNG supaya hasilnya bagus namun usahakan sizenya kurang
dari 50 Kb. Misalnya saya punya gambar seperti dibawah ini berukuran 200 x 200px.
Kemudian gambarnya saya posting di blogger untuk mendapatkan URL gambar tersebut. Boleh
juga anda upload ke hosting lain seperti Picassa, yang penting adalah ngedapetin URLnya yang
mau kita masukkan dalam CSS.
.png "http://sikkahoder.blogspot.com/") |
| contoh gambar yang mau di jadikan backgraoud |
body{
background:#ded8c0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAba1RgVZyecq6ukA2POesl4ciDmeUQT_8kzQz2riaAi74-3dLiB1Q8dCH_VzFF8rbCNo81L4iNKyGnt64ZJbmX_sYNFH8E_GqICQCSGC6dzkS_Xc9b2CsdMI7yAaZuYBTZt6GOAc8Iz8C/s1600/background-blog-post-200.png);background-repeat: repeat-x repeat-y;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
keterangan :
repeat-x : untuk mengulang gambar dari kiri ke kanan (horizontal)
repeat-y : untuk mengulang gambar dari atas ke bawah (vertikal)
6. Proses selanjutnya tinggal di save...
