tutorial - cantikkan kotak komen

Hari ni ain nak share dengan korang macam mana nak cantikkan komen box macam ain punya . Kalau rasa nak buat , boleh la ikut tutorial ni :)

1.dasboard - design - edit html - tick expand widget template
2.cari code neyy : /* comment
3.lepas jumpa , delete code neyy :
#comments h4 {
margin: 1em 0;color: #999999;}#comments h4 strong {font-size: 110%;}#comments-block {margin: 1em 0 1.5em;line-height: 1.3em;}#comments-block dt {margin: .5em 0;}#comments-block dd {margin: .25em 0 0;}#comments-block dd.comment-footer {margin: -.25em 0 2em;line-height: 1.4em;font-size: 78%;}#comments-block dd p {margin: 0 0 .75em;}


4.lepas delete , copy code neyy dan gantikan dengan code tdy :
#comments h4 {margin: 1em 3em;font-weight: bold;line-height: 1.4em;}#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(URL BACKGROUND) repeat top left;-moz-border-radius: 25px 25px / 25px 25px;border-radius: 5px 5px / 5px 5px;Border: 1px solid #F5A9A9;}
5.biru and biru cair tukar sendiri jehhhhh .

Nak letak icon tepi name & tarikh ?

1.tepi tarikh , cari code neyy : <dd class='comment-footer'>

2.tepi name , cari code neyy : data:comment.authorUrl

3. copy code neyy :
<img src='URL Image'/>
4.paste code di KANAN code <dd class='comment-footer'> dan data:comment.authorUrl .

5.biru , boley cari di SINI ;)

6.preview - then save !
THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥