Banyak cara yang bisa kita lakukan dalam memodifikasi tampilan blog, salah satunya dengan mengganti / mengubah background blog yang ada dengan background gambar. Hal ini tentunya membuat tampilan blog anda kelihatan lebih menarik di mata pengunjung, namun jangan sampai juga dengan menambahkan image bacground di blog sobat akan menjadi semakin lama pada saat loading /di akses karena mungkin file gambarnya terlalu besar ukurannya.
Dalam artikel cara mengubah background blog ini saya berharap sobat bisa mengelola blognya agar kelihatan lebih rapi dan enak di pandang, sehingga pengunjungpun merasa nyaman dan betah untuk membaca tips maupun artikel lain yang ada di blog.
Untuk cara mengubah background blog dengan image, silahkan disimak penjelasan singkat berikut ini :
1. Seperti biasa silahkan login di blogger.com, kemudian pilih menu template, dan pilih Edit HTML, maka akan muncul halaman Edit HTML
2. Kemudian carilah kode seperti ini : .body dengan menekan tombol keyboard CTRL+F
3. Setelah berhasil menemukan kode tersebut, carilah script yang mirip seperti kode dibawah ini :
body{ background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
}
4. Setelah ketemu, sobat tinggal menambahkan kode seperti ini:
url(‘url link iamge yang ingin dijadikan background blog’) repeat-x; Sehingga, dari contoh kode diatas, menjadi :
body{
background:#ded8c0 url(‘url link iamge yang ingin dijadikan background’)
repeat-x; color:#28261A;font:12px verdana,arial,Sans-erif;text-align:left;
margin:0;
}
Note : kode ndak harus sama persis dengan kode di atas, karena script tersebut tergantung dari si pembuat template. namun pada intinya sobat harus mencari kode
body {
background:
misal saja saya menggunakan theme lain, masih dalam contoh yang sama maka kode dari script ini menjadi
body {
background:$bgcolor url(https://2.bp.blogspot.com/_tUdwiyEcqV4/TVAvFHtAPaI/AAAAAAAAAs4/CWq83k6p4ew/s1600/bg_bodyeee.png) repeat-x top left;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
5. Jika sudah sobat mengedtinya bisa memilih tombol Simpan template apabila gambar background telah sesuai dengan keinginan.
Selain itu sobat juga bisa mengubah sebuah gambar kecil menjadi gambar besar dengan cara mengganti repeat-x; menjadi repeat scroll 0 0; setelah kode URL image background.