Apr 23, 2012

Cara Mengganti Background Blog dengan Gambar

 Berikut ini langkah-langkah cara mengatur background gambar berada pada tempatnya di blogspot.
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,Jika sobat kesulitan menemukan kode tersebut, tekan ctrl+f pada keyboard sobat lalu masukan kode tsb dan tekan Enter.
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Setiap blog memang agak berbeda pada Backgroundnya, untuk mengganti backborund misal dengan background / gambar.
Maka sobat cukup menambahkan atau mengganti url(http://Url/link gambar sobat yg telah di hosting) repeat-x; pada background tersebut.
Jadi :

body{

background:#ded8c0 url(http://Url/link gambar sobat yg telah di hosting) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Tips yang lain, Background sobat juga bisa tetap walaupun scroll mouse sobat gerakkan ke atas atau kebawah. Tinggal sobat 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 sobat cari dulu gambar kecil, setelah itu seperti biasa, tinggal sobat rubah repeat-x; menjadi repeat scroll 0 0;
saya rasa cukup untuk tutorial kali ini, jika ada yg masih kurang jelas bisa tanyakan di box comment.
Semoga bermanfaat..:)

0 comments:

Post a Comment