Cara Merubah Tampilan Komentar Keren Cara Merubah Tampilan Komentar Keren

1. Terdapat Emoticon Onion (kucing)
 2. Komentar Admin berbeda dengan visitor
 3. Terdapat ucapan terimakasih untuk visitor secara otomatis
 4. Style Reply beraliran WP (Wordpress)
5. Terdapat gambar disebelah kiri nama Admin yang dapat diubah
 6. Font untuk Admin berbeda
 Cara Merubah Tampilan Komentar Blogger Langkah 1 Login ke Blogger.Com Masuk ke "Template ---> Edit HTML" Cheklist "Expand Template Widget" Langkah 2 Gunakan ctrl-f dan letakan kode CSS dibawah ini di atas kode: ]]>
  text-decoration: underline } .cm_pagenavi span { color: #888; background: white; padding: 4px; border: 1px solid #E0E0E0; } /* Comment Admin */ .comment-body-author { font-family:"Comic Sans MS", cursive; font-weight: 300; }
Langkah 3
Setelah itu taruh kode dibawah ini diatas kode </body>

  <b:if cond='data:blog.pageType == "item"'> <script src='http://koderator.googlecode.com/files/comment.js' type='text/javascript'/> <script src='http://koderator.googlecode.com/files/emoticon_wp2.js' type='text/javascript'/> </b:if>
Langkah 4
Langkah ini merupakan langkah penerapan Emoticon, jika sobat tidak ingin memasang emoticon pada komentar sobat maka hiraukanlah langkah ini.
Cari kode <h4 id='comment-post-message'><data:postCommentMsg/></h4>
dan letakkan kode berikut dibawahnya
  <div style='width:550px;text-align: center;border: 1px solid #ccc;padding: 2px 2px;margin-top: 15px;font-style:bold;color:#000;font-weight:normal;font-size:10px;'> <b><img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/70bff581.gif' width='30'/>:)) <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/069.gif' width='30'/>;)) <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/th_104_.gif' width='30'/>;;) <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/th_113_.gif' width='30'/>:D <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/4412144b.gif' width='30'/>;) <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/th_101_.gif' width='30'/>:p <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/33c4b951.gif' width='30'/>:(( <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/th_059_.gif' width='30'/>:) <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/875328cc.gif' width='30'/>:( <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/6f428754.gif' width='30'/>:X <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/th_087_.gif' width='30'/>=(( <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/e111de78.gif' width='30'/>:-o <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/efb50fe2.gif' width='30'/>:-/ <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/th_106_.gif' width='30'/>:-* <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/023.gif' width='30'/>:| <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/5c745924.gif' width='30'/>8-} <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/037.gif' width='31'/>:)] <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/042.gif' width='30'/>~x( <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/87a4e689.gif' width='30'/>:-t <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/047352f3.gif' width='30'/>b-( <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/th_116_.gif' width='30'/>:-L <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/4d6161fd.gif' width='30'/>x( <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/d5f02ecd.gif' width='30'/>:-q <img border='0' height='30' src='http://www.cute-factor.com/images/smilies/onion/071.gif' width='30'/>=)) </b> </div>
Yang width:550px merupakan lebar wadah emoticon, jadi sesuaikanlah dengan lebar blog sobat.