tutorial buat background title sidebar

Penat main-main dengan Photoshop, sekarang nak main- main dengan papan kekunci pulak, yeehahaa! Akey korang, sekarang ni nak buat tuto pasal background sidebar pulak k.

 Semalam dah buat pasal double- double tu kan? erm...erm... ( angguk-angguk).

Yooshhhhhii...meh kita setat pelajaran untuk hari ini! hehe..Kadang- kadang kat blog korang mesti takde background kat title sidebar tu kan? So apa kata kalau korang cantikkan dengan warna and border. Akey.. first, Log in dulu dashboard korang k.

Pergi bahagian kat Design--> edit html --> klik Expand widget

Klik f3 dan cari code ni..

h2

Dah? sila copy code kat bawah ni pulak...

background : black ; 

Code kat atas ni korang paste kat bawah code h2 tadi k? contoh :

.sidebar h2 {
background: black;

Dan tulisan berwarna tu korang bolehlah tukar ikut suka korang. Korang boleh tulis atau cari code warna tu kat sini <--  . Senang je kan? hehe.. kalau tak paham atau perlukan bantuan, komen je kat bawah ni, insyaAllah aku akan bantu k^^


update :sesetengah blog takde code ni, so kena buat secara manual. Sila cari code ni dulu.

<b:skin><![CDATA[

copy code kat bawah ni dulu.

.sidebar h2 { 
margin:0;
padding:0 0.2em;
line-height:1.5em;
background:#CDB8D4;
}

paste code kat atas ni selepas code <b:skin><![CDATA[ . 

tutorial double underline

Ddh lama sangat tak post apa- apa kat belog ni. Aku tengok member- member lain rajin gegiler up traffic diorang, tak macam aku kan... dok goyang kaki kat umah je. huhu.. By the way, aku dengan bangganya mengumumkan kini aku berada di Sabah, YEAHH! tapi sedih gak sebab berjauhan dengan orang tercinta, huaargghh... :'(

Takpe, tu semua cobaan.. Apa? COBAANNNN... ni bukan main- main, ni betul- betul punya! Akey, berbalik pada tajuk kita tu, hari ni nak buat tuto pasal double underline pulak k. 

Mula- mula, LOG IN kat dashboard korang dulu.

Then.. pergi kat DESIGN --> EDIT HTML --> klik EXPAND WIDGET

dah? akey.. sekarang ni klik f3 kat keyboard korang takpun klik CTRL+F untuk memudahkan pencarian korang akey? sila cari code ni.

/* Header

Pastu, korang copy code ni kat atas code /*header tu..

u {
text-decoration:underline;
border-bottom: 2px dotted #FF0080;
padding: 0px;
}

tulisan berwarna tu korang boleh ubah ikut suka korang. Boleh rujuk kat sini --> KLIK.
Tulisan bberwarna tu sebenarnya warna untuk line korang nanti.

Akey, rasanya tu je kot. Selamat mencuba korang..papai.. ^^