Contoh yangsaya buat dengan gambar ini :
- Login ke dashboard blogger anda, pilih Rancangan > Edit HTML, centang Expand widget template.
- Temukan kode pengaturan background blog dalam template anda, biasanya diawali dengan kode body{.
- 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;
}
- 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.
- Ganti/edit kode CSS awal background blog anda dengan memberikan penambahan URL gambar sehingga bentuk susunan CSS menjadi seperti dibawah ini.
body{
background:#ded8c0;
background:url(http://imageshack.us/a/img32/6194/44066873.jpg);background-repeat: repeat-x repeat-y;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
- NB: repeat-x : untuk mengulang gambar dari kiri ke kanan (horizontal) repeat-y : untuk mengulang gambar dari atas ke bawah (vertikal)
- Save/Simpan template anda.
WARNING :
- Jangan Lupa Tinggalkan Komentar Anda, Komentar Anda sangat berguna demi kelangsungan Blog saya
- Do not Forget Leave Your Comment Your comments are very useful for the survival of my Blog