Tutorial : Post Title Background

Assalamualaikum and annyeonghaseyo. Tutor seterusnya, cara untuk letak background/border pd post title. Tutor ni sesuai untuk template designer dan denim. Let's start ;

Template Designer

1. Dahsboard > Template > Edit HTML
2. Ctrl + f dan cari code
h3.post-title, .comments h4 {
3. Delete anak-anak codes tu dan gantikan dgn code ni
border-bottom: 2px solid #8A4B08;
border-top: 2px solid #8A4B08;
background: url (URL BG);
margin: 1.6em 0 .5em;
padding: 4px 5px;
font-size: 12px;
font-family: Verdana;
letter-spacing:1px;
text-align:center;
color: #000;
4. Preview & save.

Template Denim

1. Dashboard > Template > Edit HTML
2. Ctrl + f dan cari code
.post-title {
3. Delete anak-anak codes tu dan gantikan dgn code ni
border-bottom: 2px solid #8A4B08;
border-top: 2px solid #8A4B08;
background: url (URL BG);
margin: 1.6em 0 .5em;
padding: 4px 5px;
font-size: 12px;
font-family: Verdana;
letter-spacing:1px;
text-align:center;
color: #000;
4. Preview & save.

Yellow : Tebal border
Blue : Warna border
Green : Solid / Dashed / Dotted
Pink : URL Background
Orange : Saiz font
Purple : Jenis font

*Untuk border jenis berlainan, boleh ambil code dekat { SINI }

2 comment [s]:

Anonymous said...

Hi ^^ mm saya cari .post-tittle { tapi takda , ada code lain selain tuh ?

atiqahjaidin said...

@Ah Yae Won Cuba cari code .post { lepas tu paste code .post-tittle { dekat bawah code tadi.