Friday, 20 April 2012

TUTORIAL : Title Border Sidebar


Hi There ^ ^

Tutor kali ialah macam mana nak letak title Border di sidebar tu.. Tolong credit tutor ni dengan Kak Amalina dan sandra juga yea. hehe.. sandra punya Title border sidebar tu lain dari tutor ni.. bentuk sidebar tutor ni macam ni :


-copy from kak Amalina-

1. Design > Edit Html > Tick Expand widget Template

2. Tekan F3 dan cari code : 

Simple Template :  h2 {
Denim Template : .sidebar h2 {

3. Tolong Delete code yang sama atau lebih kurang sama di bawah code yang kamu cari tu.


4. Copy code di bawah ni & paste di Bawah code yang kamu cari tu.

padding:10px;
margin:10px;
 background: url(URL BACKGROUND);
border-left: 5px #000000 solid;
border-right: 5px #000000 solid;
border-top: 1px dashed #000000;
border-bottom: 1px dashed #000000;
padding: 5px;
font-size: 12px;
color:#000000;
font-family: Verdana;
letter-spacing:1px;
text-align:right;
}


5. Edit code tu suka hati kamu ^ ^

ABC : Masukkan URL BACKGROUND 
ABC : Font.
Kedudukan text  boleh center / right / left. Pilih 1 saja
ABC : Warna border.
ABC : Available solid dashed / dotted. Pilih 1 saja.

6. Preview dulu , kalau tiada Error boleh save ! :)

Jangan lupa credit to : Kak Amalina and Sandra



2 comments:

uncHa said...

nice tuto :)

dynnabbg93 said...

hye gurl,, tq for this tutor yup,, saya dpt bt,,