Tutorial Post,Sidebar Widget Divider & Note Below Post

Salam . Hari nie nak buat 3 tutorial . HAHA , semua tutorial nie direquest oleh Young Hyun alaa yeobu/honey Minho tuu . Tak kenal ke ? Pergi laa blog dia , tapi lepas tengok tutorial nie oke ! I'll make it as brief as I can .

First tutorial ; Post Divider .

Oke , nie laa post divider aku .

• Dashboard > Design > Edit HTML > Tick Expand Widget Templates
• Press ctrl + f and search

<div class='post-footer-line post-footer-line-3'/>

• Dah jumpa ? Then copy kod dekat bawah nie

<center><img height='20' src='URL OF YOUR PICTURE'/></center>

• Paste kod tersebut di bawah kod <div class='post-footer-line post-footer-line-3'/>
• Nanti akan jadi macam gambar bawah nie

• Tukar URL OF YOUR PICTURE dengan kod gambar korang oke .
• Preview and kalau jadi SAVE .

Second Tutorial ; Sidebar Divider .

Nie Sidebar Divider aku .

• Dashboard > Design > Edit HTML > Tick Expand Widget Templates
• Press CTRL + F and search

.sidebar .widget, .main .widget {
border-bottom:1px dotted;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

• Then , separate it into 2 parts and dia akan jadi mcm bawah nie

.main .widget {
border-bottom:1px dotted;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.sidebar .widget {
border-bottom:1px dotted;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

• Lepastu tambah kod dekat bahagian .sidebar .widget { sikit .
• And bahagian tuu akan jadi mcm nie

.sidebar .widget {
border-bottom:0px dotted;
margin:0 0 1.5em;
padding:0 0 50px;
background-image: url(http://i33.tinypic.com/34eq9sl.jpg);
background-position: bottom;
background-repeat: no-repeat; 
}

• BLUE ; kita kena tukar sikit padding dia so divider tuu akan terletak elok je !
• ORANGE ; bahagian yg kita dah tambah tadi .
• PURPLE ; korang tukar laa dengan divider yg korang dah cari . And akan jadi mcm nie

• Preview and kalau jadi Save Templates .

Third Tutorial ; Note Below Post .

cr : Sis Jiha

Nampak kan benda tuu lepas post aku ?

• Dashboard > Design > Edit HTML > Tick Expand Widget Templates
• CTRL + F and search 

<data:post.body/>

• Copy kod dekat bawah nie

<hr/><center>Do Like and Comment :)</center><hr/>

• Then paste dekat bawah kod <data:post.body/> 
• So dia akan jadi mcm nie

• Preview and save templates !
• Ada orang tanya macam mana nak tukar colour tulisan nie . Oke senang jee ^^
• Just tambah 

<p style="colour:#ff6699"> your words </p>

• So nanti semua code akan jadi macam nie

<hr/><center><p style="colour:#ff6699">Do Like and Comment :)</p></center><hr/>

• Yang aku highlightkan hitam tuu korang tukar lah dengan color code korang sendiri dekat sini .

Perghh , tiga tutorial sekaligus . Takpe , sharing is caring kan ? So dah try comment laa kalau jadi oke . =)