Tutorial : Border and Background di Sidebar Title

Assalamualaikum w.b.t :)

Ha kali ni bukan post title tapi untuk sidebar title pulak. 



Macam mana nak buat? Follow this step.

1. Dashboard > Template > Edit HTML.
2. Tekan Ctrl+F serentak untuk cari code ni :

h2 {

3. Dah jumpa? Okay. Nampak tak ada code lain kat bawah code h2 { tadi tu? Ada kan. Macam ni :


4. DELETE that code okay. Copy code ni pulak and pastekan BAWAH code h2 { tadi.


padding:10px;
margin:10px;
background: url(BACKGROUND URL);
border-left: 5px #FFFFFF solid;
border-right: 5px #FFFFFF solid;
border-top: 1px dashed #FFFFFF;
border-bottom: 1px dashed #FFFFFF;
padding: 5px;
font-size: 12px;
color:#000000;
text-align:center;
}
Nota Kaki :

PINK : URL background uolls.
HIJAU : boleh tukar solid/dashed/dotted
BIRU : warna border dan font. CODE WARNA.
MERAH : ketebalan font dan border.

5. Preview dulu ye kawan-kawan. Kalau tiada error baru save. Yay!

No comments:

Post a Comment