Minggu, 18 Desember 2011

trik terbaru membuat background pada judul sidebar

kali ini saya akan membahas tentang cara memberi background pada judul sidebar, anda tahu kan judul sidebar

itu loh judul widget / gadget anda,

oke langsung caranya

=> Loggin ke Blogger 
=> Layout / rancangan
=> Edit HTML
=> centang expand template widget

kemudian cari kode ini

.sidebar h2 {

Lalu anda tambahkan kode ini di bawah nya

background:url(alamat image anda disini)repeat-x;

dan jadinya seperti ini

.sidebar h2 {
background:url(alamat image anda disini)repeat-x;

ganti kode berwarna merah dengan URL gambar anda


Awas
Kalau anda tidak mempunyai kode .sidebar h2 {

anda copy paste kode di bawah ini dan simpan di atas kode  ]]></b:skin>

.sidebar h2 { 
background:url(URL gambar anda disini)repeat-x; 
color: #FFFF66; 
font-size: 11px; 
font-family: Georgia; 
font-weight: strong; 
margin: 0px 0px 5px 0px; 
padding: 3px 0px 3px 10px; 
text-align:center; 
}

dan jadi nya seperti ini

.sidebar h2 { 
background:url(URL gambar anda disini)repeat-x; 
color: #FFFF66; 
font-size: 11px; 
font-family: Georgia; 
font-weight: strong; 
margin: 0px 0px 5px 0px; 
padding: 3px 0px 3px 10px; 
text-align:center; 
}
]]></b:skin>

jangan lupa ganti kode berwarna biru dengan URL gambar anda oke sob
anda juga bisa ganti kode berwarna hijau
#FFFF66;  adalah kode warna anda bisa cari kode warna di blog saya ini silahkan KODE WARNA
11px; adalah ukuran huruf makin besar px nya maka semakin besar huruf nya
Georgia; adalah font nya anda bisa ganti dengan font yang anda suka


sekian dari saya terima kasih telah membaca wassalam

Tidak ada komentar:

Posting Komentar