Tutorial : Border and Background di Post Title

Assalamualaikum w.b.t :)

Harini nak buat tutor pasal macam mana nak letak border and background di post title. Macam mana tu? Macam ni :


Okay, ikut step dibawah ni.

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

h3.post-title, .comments h4 {

3. Dah jumpa? Okay sekarang nampak tak ada code lain bawah code tu.


4. DELETE code itu ye kawan-kawan. Dan gantikan dengan code dibawah ni. Pastekan betul-betul BAWAH code h3.post-title, .comments h4 { tadi tu.

margin: 10px;
padding: 6px;
font-size: 18px;
font-color: #000000;
text-align: center;
background-image: url(BACKGROUND URL);
border-top: 1px dashed #FFFFFF;
border-bottom: 1px dashed #FFFFFF;
border-right: 6px solid #FFFFFF;
border-left: 6px solid #FFFFFF;
text-shadow: 2px 1px 2px #FFFFFF;
}

NOTA KAKI :

KUNING : ketebalan font.
BIRU : warna kesukaan uolls. CODE WARNA.
HIJAU : background URL uolls.
OREN : solid/dashed/dotted.
PINK : ketebalan border.

5. Preview dulu. Kalau tiada error dan puas hati. Baru SAVE. Yay!

No comments:

Post a Comment