Thursday, February 14, 2013

Cara Memasang Background di Blogger

Cara memasang background di blogspot - Untuk memperindah tampilan blog biasanya para blogger memasang gambar background kedalam blognya sesuai dengan desain yang diinginkannya. Pada kesempatan kali ini saya akan posting artikel yang mengulas trik mengenai mengubah background blog dengan gambar. Silahkan dibaca bila tertarik.


Pada template blog, 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? Ikuti tutorialnya di bawah ini!

Disini kita mengambil contoh pada background body di tamplate blog kita, cari kode body { Nah di sana terdapat kode background.
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Setiap blog tidak selalu sama kode backgroundnya bisa dicari kira-kira yang menyamai kode diatas, nah untuk mengganti backborund misal dengan background / gambar ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicMexjE1DF0LY4Rs24OkT_Tz0FHA5B-uirna48Zae_9JKdDSFg5BU57nfDtGOVBVorsaLjIOC5A8Pj6GPLTJXR05cf8v3lRk0_CaanfW4OKu-D6Tb4NkKv1WaIlPrGMusXkwGlOQEiUnH9/s1600/batikbgr.jpg

Maka anda cukup menambahkan url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicMexjE1DF0LY4Rs24OkT_Tz0FHA5B-uirna48Zae_9JKdDSFg5BU57nfDtGOVBVorsaLjIOC5A8Pj6GPLTJXR05cf8v3lRk0_CaanfW4OKu-D6Tb4NkKv1WaIlPrGMusXkwGlOQEiUnH9/s1600/batikbgr.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;
}
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.

 

Ads

0 Responses to “Cara Memasang Background di Blogger”

Post a Comment

Harap tidak mencantumkan live link. Jika dicantumkan maka komentar akan kami delete.

All Rights Reserved Dianacakes | Blogger Template by Bloggermint