Sebuah blog yang cantik dan enak dilihat tentu akan sangat membantu dalam meningkatkan traffic blog
kita, karena saya sendiri lebih tertarik mengunjungi sebuah blog yang
warnanya cerah dan enak dilihat, daripada blog yang warnanya gelap dan
bentuknya tidak karuan alias acak kadut. Walaupun postingannya menarik
tetapi membuat sakit mata, lebih baik saya pelototi blog saya selama berjam - jam.
Berikut langkah - langkahnya :
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Berikut langkah - langkahnya :
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,
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;
}
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Setiap blog rada berbeda sih Backgroundnya, nah untuk mengganti backbground 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;
}
Tips yang lain, 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 rubahrepeat-x; menjadi repeat scroll 0 0;
0 Comments:
Subscribe to:
Posting Komentar (Atom)
