Tutorial : Comment box like me and cute icon on comment box [ 2 in 1 ]

Assalamualaikum. Ada orang request dekat facebook. Ingatkan nak buat terus. Then, ayah ajak pergi jalan-jalan. Semua dah siap. Tinggal aku je. Ape lagi kelam kabut tukar baju. Aku naik kereta dengan mak aku yang lain naik kereta nenek. Nenek pegi tengok jambatan baru. Berpecah semua, Pastu, mak aku ajak nenek aku pergi Angsana.  Nak beli alat tulis kakak. Hari selesa ni kan kakak aku dah start periksa PMR. Bila periksa je. Semua alat tulis kalau boleh nak beli semua baru. Hasihh ! Mengada-ngada betul lah die ni. Time nak periksa lah semua barang nak hilang. Err. Then, jalan-jalan. Beli shawl pashmina je. Lepas tu balik lerr. Terus buat tutor. Hihikk. Udah-udah lah tu. Okeh, let's start !

Comment box like me

• Dashboard ~ Design ~ Edit HTML
• Cari code di bawah ini

/* Comments

•  Tengok dekat bawah /* Comments tu ade code macam dekat bawah ni tak ? 

#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;
}

• Kalau ade baguss. Gantikan code di bawah ini dengan code tadi

#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(http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/2j0lhs0_PURPLE.gif ) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 2px solid  #d5c1dd;
}
.deleted-comment {
  font-style:italic;
  color:gray;
}

Teka-teki 


Merah : Gantikan dengan url background yang korang nak. Kalau tak nak pun takpe. Tapi, kena credit lerr. Credit to Kihah

Biru : Warna border. Boleh gantikan dekat sini.

Purple : Boleh gantikan dengan dotted, double, dashed, groove, ridge, inset, outset, hidden dan macam-macam lagi.

Cute icon on comment box

• Dashboad > Design > Edit HTML > Tick Expand Widget Templates

• Ctrl + F = serentak

• Cari code di bawah

<b:if cond='data:comment.authorUrl'>

• Copy code di bawah. Kemudian paste kan di bawah <b:if cond='data:comment.authorUrl'> 

&lt;img src=&quot;http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic001demoji_15829456decoojp.gif&quot;/&gt;

• Cari code ini pulak <dd class='comment-footer'>

• Copy code di bawah. Then, paste kan dekat bawah code tadi

&lt;img src=&quot;http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic015demoji_12682181decoojp.gif&quot;/&gt;

Teka-teki

Merah : Icon sebelah author comment
Purple : Icon sebelah date comment

Icon boleh cari dekat babydoll.nu Kalau tak jadi cakap okeh :) 

Lots Of Love 

Athirah