Posted by : Unknown
Selasa, 19 Februari 2013
Cara Mengganti Background Blog dengan Gambar Sendiri - Cara/trik merubah/mengubah background blog dengan gambar secara cepat dan mudah atau Cara agar background blog bisa berganti dengan gambar.
Pada kesempatan kali ini saya akan posting artikel yang mengulas trik mengenai mengubah background blog dengan gambar. Khususnya template blogger atau blogspot, warna background pada blog dapat kita ganti dengan sangat mudah sesui dengan gambar yang kita inginkan. nah bagaimana cara mengganti background blog dengan gambar sendri? Ikuti tutorialnya di bawah ini!
1. Login ke akun Blogger Sobat.
2. Pilih Template > Edit Html > Lanjutkan > Centang ( Expand Template Widget ).
3. Cari script body { ( untuk mempermudah pencarian, tekan Ctrl+F atau F3 ) nanti disitu tertera kode background, seperti dibawah ini.
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Pasti setiap blog berbeda backgroundnya masing-masing, untuk mengganti backborund misal dengan background / gambar ini.
http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg
Maka kalian cukup menambahkan url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x; pada background tersebut.
Jadi :
body{
background:#ded8c0 url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
background:#ded8c0 url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Gambar Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed; atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;
Nah demikian artikel mengenai cara mudah mengganti background blog dengan gambar. Semoga bermanfaat buat semua.
Referensi
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Mengganti Background Blog dengan Gambar Sendiri
Related Posts :
- Back to Home »
- Tutorial Blogging »
- Cara Mengganti Background Blog dengan Gambar Sendiri