07 June 2012

totorial:sidebar background cun


okeyh kina nak wat totorial untuk sidebar macam blog kina ny..permintaan dari adik comeyh
hehe..ok kita mulakan k..mula2 korang kene pegi dekat

dashboard==>Design ==> Edit HTML ==> Tick Expand Widget Template ==>

sebelum 2 jangan lupe backup templete,okeyh..

1.untuk background tajuk sidebar

cari kod nyh h2 {

dan jumpe?..okeyh law dah jumpe pastkan kode kat bawah nyh bawah h2 { 2 xd

font: $(widget.title.font);
margin:0px -8px 1.5em -8px;
padding:0px 7px 10px 7px;
line-height:1.3em;
width:auto;
background: #000000;
text-align:center;
color: #FFFFFF;
border-top-left-radius: 25px;
border-top-right-radius: 25px;


yang kina hitamkan 2 tukar dengan code yang korang suke
okeyh dah..siap..

sebelum 2 korang preview dulu taw..law xdek error barulah boleyh save...


2.ny pulak untuk background sidebar

Pergi Design --> Template Designer --> Advanced --> Add CSS 

lepas 2 korang letak jep code kat bawah ny dalam add CSS 2..

.sidebar .widget {
background: #FFFFFF;
border-radius:25px;
margin:0 -5px 1.5em -5px;
padding:0px 8px 10px 8px;
text-align:center;
}
 
yang kina hitamkan 2 tukar dengan code yang korang nak..okeyh dah siap..save ..



law ade masalah ngan coding nyh,..leyh lah bagi taw kina k...

okeyh done..

No comments:

Post a Comment

hye selamat menconteng..thanks sudi komen entry kina yang tak seberapa ny..salam kenal..salam blogging..hehe:)

kina akan terjah ke blog anda..cuma cepat atau lambat je..kina janji..:)