Membuat Pesan Formulir Komentar Keren dengan CSS

       Hallo Sobat KPC , Gimana Kabar Kalian Baik Bukan , Tidak Terasa 2012 Sudah Berakhir, Good Bye 2012 -_- Welcome 2013 , Posting ini Sekaligus Posting pertama Saya ditahun 2013 , Ok lah Langsung ke Inti pembicaraan , Pada Kesempatan kali ini Saya akan sharing tentang Blog yaitu "Membuat Pesan Formulir Komentar Keren dengan CSS" , Contohnya Seperti Ini

Klik Gambar Untuk Memperbesar !

Ok Berikut Langkah-Langkahnya :

1. Buka Dasbor Blog Kalian.
2. Klik Template -> Edit HTML -> Centang "Expand Template Widget".
3. Cari Kode ]]></b:skin> . Kemudian Pastekan Kode ini diatas kode tadi.

#threaded-comment-form p {
position: relative;
background: #0060FF;
border: 5px solid #FFF;
padding: 10px;
font-size: 13px;
line-height: 1.6em;
color: #FFF;
margin-top: 30px;
}
#threaded-comment-form p::after, #threaded-comment-form p::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#threaded-comment-form p::before {
border-top-color: #38F;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#threaded-comment-form p::after {
border-top-color: #0060FF;
border-width: 9px;
left: 10%;
margin-left: -30px
}

Sisanya Kalian EDIT Sendiri Yaa !

     4.  Setelah Itu Cari Kode Yang Seperti Ini

<b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='500' id='comment-editor' name='comment-editor' src='' width='100%'/>

 Perhatian ! : Kode Yang Warna Hijau Itu Biasanya ada 2-3 . Tapi Cukup cari Kode yang Berada dibawah <b:else/>

    5. Setelah Ketemua Kalian Ganti Dengan Kode dibawah Ini

 <b:else/>
<div id='threaded-comment-form'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='500' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>

   6. Terakhir ! SIMPAN TEMPLATE / SAVE TEMPLATE

Thank's To : System Of Blog