Tutorial Cute Comment

Assalamualaikum (:
Nak cute komen macam blog ungu ni tak ?

ok jom mula (:

1. Design > Edit HTML > Tick Expand Widget Templates
2. Tekan Ctrl + F and Cari code di bawah ni
 #comments h4 {
3. Lepas tuh korang akan jumpa code macam ni kan


#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}


4. Delete code di atas ni dan gantikan dengan code dibawah 


#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: 
#ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: 
#ffffff;
color: black;
padding: 1em;
border:0px solid 
#ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background:
#ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #
f3a64c url(http://i38.tinypic.com/27yu1xl.jpg) no-repeat top left;
}
.deleted-comment {
font-style:italic;
color:gray;
}


5. Save and View 
6. Oke Siap ! Good Luck :P


Untuk icon-icon comel tepi tu pulak . ikut step di bawah :P
ni untuk icon sebelah pic pengkomen

1. Design > Edit HTML > Tick Expand Widget Templates
2. Tekan Ctrl + F and cari code dibawah ni
data:comment.authorUrl
3. Copy code bawah ni
<img src="URL IMAGE">
PETUNJUK:
pink : letak URL icon-icon comel yang korang nak tu 


4. Pastekan dibawah code step 2 tadi ye :P
5. Ok Siap !


untuk icon sebelah date pulak


1. Tekan Ctrl + F and cari code dibawah ni
<dd class='comment-footer'>
2. Copy code macam kat step 3 tadi and Pastekan bawah code step 1 ni yer . 
sama je macam tadi .  


3. Save and View (:
4. Good Luck ! 
kalau tak paham tanya, kalau berjaya komen la :P
credit toAnys

Post a Comment

Hello Readers !
Comment elokelok oke .
loveyouu !

5 1 komen kawankawan:

NasZ said... [Replay (:]

kiut2..suka..

jemput ke blog saya..

MOHD NASER.com

❤❤haguluvkpop❤❤ said... [Replay (:]

erm...x jadi la...

missunguviolet said... [Replay (:]

@❤❤haguluvkpop❤❤ pakai templates ape ye ?

cik neto said... [Replay (:]

blog yg baru ni susah la nk edit code :( asyik error xml je..aduhh

Someone said... [Replay (:]

@cik neto hehe tukar la minima template (:

Post a Comment

Hello Readers !
Comment elokelok oke .
loveyouu !