Cara Mengganti Background Blog

dsbor | Cara Mengganti Background Blog. - Berawal dari pertanyaan salah seorang teman saya yang baru belajar membuat blog tentang bagaimana cara mengganti backround blog dengan photo sendiri.

Oke tanpa berlama-lama lagi berikut tips bloggingnya tentang Cara Mengganti Background Blog Dengan Gambar :

• Login ke blogger
• Rancangan
• Edit HTML
• 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 mungkin agak berbeda sih Backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini

http://t0.gstatic.com/images?q=tbn:ANd9GcQZzGLVSQ65wi-P5vkN-r6KeYuNXU__Se04t6_l_2CikdgOak6m6A

Maka kalian cukup menambahkan 

url(http://t0.gstatic.com/images?q=tbn:ANd9GcQZzGLVSQ65wi-P5vkN-r6KeYuNXU__Se04t6_l_2CikdgOak6m6A) repeat-x; pada background tersebut.

Jadi :

body{

background:#ded8c0 url(http://t0.gstatic.com/images?q=tbn:ANd9GcQZzGLVSQ65wi-P5vkN-r6KeYuNXU__Se04t6_l_2CikdgOak6m6A) repeat-x;

color:#28261A;

font:12px verdana,arial,Sans-erif;

text-align:left;

margin:0;

line-height:1.6em;

}

Trik yang lain, Background sobat 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 rubahrepeat-x; menjadi repeat scroll 0 0;

Selamat Mencoba dan semoga bermanfaat sobat...!!!