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

KevinPramanaCyber
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

Kevin Pramana

Selamat Datang Diblog Saya Yang Sederhana ini, Saya Harap Kalian Semua Senang dengan Blog saya ini, Mohon Maaf Jika ada Salah Kata dalam Postingan saya.. Keep Visit ya !

19 Comments:

  1. Nice sob

    http://anonymous-evolution.blogspot.com/

    BalasHapus
  2. mah mantep sob :D follwo balik ya sob http://siapasihh.blogspot.com

    BalasHapus
  3. nice infoh

    http://arieagustomi.blogspot.com/

    BalasHapus
  4. keren.. O.o
    tapi ga berani coba dulu deh..hehe
    lagi males ngedit htmlnya.. >,<

    BalasHapus
  5. aneh nih,mau copy tapi gak bisa copy HTMLnya,gimana sih -,-

    BalasHapus

 

Copyright @ 2013 Pramana Cyber.