salam pagi selasa.Sedar tidak sedar sekarang ini kite sekarang berada di pertengahan bulan syaaban.Jadi tidak lama lagi kite akan menyambut bulan penuh keberkatan.iaitu RAMADHAN!( dah ganti pose kerr..?:])act,aku..tidak sabar menyambut ramadhan bersama suami tercinta malah inilah tahun pertama kami menyambut bulan ini bersama.InsyaAllah;]

tuto ini ditanya oleg DEQLA..terima kasih kerana sudi bertanya.Maksud beliau kotak komen pink and blue tu adalah seperti gambar dibawah( ayat mudah:bagaimana kite nak membezakan kotak komen pembaca dengan author)

ini lah yang dimaksudkan^^

Memandang kan aku memang sedang free ini ..aku buatkan khas untuk mu.(ceeewaaahhhh).marilah kite mulakan sesi pembelajaran :

pertama tama sekali..mulakan dengan BISMILAH..ok.dengan harapan ia menjadi la yerkk>-------<
untuk permulaan,aku nak ajar sikit macam mane nak cantikkan kotak komen anda...mari mari semua..

•  CTRL F .Cari kod ini

]]></b:skin>

 atau 

 /* comment

• Jika korang cari dengan menggunakan ]]></b:skin>.sila teruskan mengcopy..kod dibawah ini:

#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 IMAGE) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 1px solid #F5A9A9;
}

• selepas copy..PASTEKAN ia sebelum ]]></b:skin>
• manakala untuk yang cari menggunakan kod ini pula  /* comment..anda akan dapat kod seperti dibawahkan( lebih kurang lah ):

• HIGHLIGHTKAN SEPERTI KOD DIATAS ITU DAN KORANG GANTIKAN IA DENGAN KOD DIBAWAH:

#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 IMAGE) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 1px solid #F5A9A9;
}

  URLgantikan lah dengan URL IMAGE pilihan masing-masing ini aku bagi background untuk korang:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMW7caPdzPXiTZpDUr6I6kqdbpnFGYqFGWlD1CDP8rEcwD26AX80Ub7mFP8yxPvBQj4-scpIh91uXTWk9uIZOb6AfkgfnbK2QsUJKjlZ5KmuP5ftUjOXgnmFrbMqAVm8cc2EGz9hAbaIjk/s1600/95.gif

• Try preview dulu..jika tiada masalah boleh terus save.ooPPSS..belum habis lagi ini..
  
• OK..dah selesai untuk tuto mencantikkan kotak komen.Sekarang ini aku nak menjawab soalan DEQLA pulak ( tutorial:bezakan kotak komen korang dengan pembaca).Mari kite teruskan sesi tuto ini. 
• Jom ikuti cara mudah untuk melakukan tutorial ini. Sekiranya code yang aku suruh cari tak ada, kemungkinan besar template korang tidak sesuai.Sabar yekk..kempunan la korang ....
  
• Cari kod ini: 

 <dd class='comment-body'>

<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>

</style>

•  copy pastekan kod dibawah ini DIATAS kod yang korang cari tadi:

.comment-body-author { background-image:url(URL BACKGROUND GAMBAR);background-position: top center; background-repeat: repeat; border: 1px solid #F455A5; padding: 5px; }

•  namun jika anda ingin background yang simple,anda boleh tukarkan kod  background-image:url(URL BACKGROUND GAMBAR) dengan ini : background: #F455A5;
• Preview, jika tiada sebarang error dan masalah. Boleh SAVE. Dan lihatlah hasilnya.
  Jika tidak jadi..mungkin ada salahnyer.TERUSKAN BERUSAHA dan BERSABAR YERK..jangan menangis
• Jika anda berjaya melakukannya dengan tuto ini..sila2 kongsikan dengan aku yerkkk..^^