Mempercantik tampilan pesan komentar blog


Mempercantik tampilan pesan komentar - trik satu ini adalah cara untuk meperganteng tampilan pesan komentar yang berada diatas kotak komentar, karena udah saatnya saya harus buat post ini soalnya udah mulai rame dipake hampir semua blog yang saya kunjungi semua pesan komentarnya telah di modifikasi sedemikian rupa. pesan komentar memang sangat penting untuk pembaca yang ingin berkomentar lantas dengan adanya pesang komentar pengunjung tahu peraturan tata cara berkomentar yang baik. kalau yang biasanya pesang komentar hanya biasa biasa saja beda dengan ini posting ini memberikan cara untuk memodifikasi tampilan awal pesan komentar ke tampilan modern pesan komentar






pesan komentar pada blog


Cara Pemasangan


  • login blogger
  • template >> edit template
  • cari code ]]></b:skin> dan copy paste css dibawah ini tepat diatas ]]></b:skin>

/*modifikasi pesan komentar*/
#pra-comment{
position: relative;
background:#F3C5C5;  /*warna background */
width:100%;
padding:10px;
font:normal 12px trebuchet ms;
text-align:justify;
border:3px solid #AD3000; /* warna garis tepi*/
margin:0 10px 10px 0;
margin-top: 10px;
line-height: 1.3em;
}
#pra-comment::after, #pra-comment::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
    }
#pra-comment::before {
    border-top-color: #AD3000; /* Samakan dengan warna border */
    border-width: 15px;
    left: 10%;
    margin-left: -36px
    }
#pra-comment::after {
    border-top-color: #F3C5C5; /* Samakan dengan warna background */
    border-width: 9px;
    left: 10%;
    margin-left: -30px
    }

*silakan ganti warnanya, untuk mempermudah gunakan tabel warna 
  • cari code <p><data:blogCommentMessage/></p> dan akan ada 4 code yang sama
  • ganti semua code dengan <div id='pra-comment'><data:blogCommentMessage/></div>
  • kemudian simpan dan lihat hasilnya

Last Point

makasih ya gan udah baca sampe abis :D , jangan lupa like fanspage dan follow twitternya oke, biar adminnya punya spirit buat terus apdete posting berkualitas :D

Comments

  1. thx gan, ane coba dlu trik ini efektif ga,,

    kunjungan baliknya gan,,
    http://www.saphiranews.info

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. keren :)
    izin praktek ya kak

    ReplyDelete
    Replies
    1. silakan, jangan di mal praktekin ya, hehe :p

      Delete
  4. Gan Itu Sudah Sekalian Emoticon Ya?

    ReplyDelete
    Replies
    1. ngga gan, kalo mau nambahin emot nih silakan dibaca http://depermana-share.blogspot.com/2013/04/cara-membuat-emoticon-di-atas-kotak.html

      Delete
  5. cara buat tapilan yang sementara agan pake ini ada tutorialnya..?? bukan seperti artikel ini masudnya..

    ReplyDelete
  6. keren sob , mau pasang juga nih

    ReplyDelete
    Replies
    1. silakan sob biar tambah ganteng form komentarnya

      Delete
  7. udh di coba, tapi kok gak ada tulisanx gan..??

    ReplyDelete
    Replies
    1. tambahin tulisannya di dashbord blogger >> setting >> post and comment gan :p

      Delete
  8. klo bleh tau apa nama template yang sedang agan pakai ini ? trus downlodnya dmna : :D

    ReplyDelete
  9. bisa makin keren nih, thank's gan

    ReplyDelete
  10. This comment has been removed by a blog administrator.

    ReplyDelete
  11. wah yakin deh gw ama lu gan,, masih muda pinter blognya keren lagi,,,
    ketinggalan jauh banget gua,,hehe

    ReplyDelete
  12. Gan kok komentar diblog saya gak bisa ditampilkan coba aja cek http://gunawanluthfi.blogspot.com

    ReplyDelete
  13. ini yang sedang ane cari gann,, thanks yaa udah share

    koment back yaa www.ankurniawan.blogspot.com

    ReplyDelete
  14. hahahaa, , keren gan :)

    ReplyDelete
  15. Mantap gan artikelnya ,, http://muhammadanijer.blogspot.com/

    ReplyDelete
  16. Visit back my blog : www.softwarephreaker.blogspot.com

    ReplyDelete
    Replies
    1. oke gan, widih ada phreaker nyasar disini :D

      Delete
  17. apa nanti hasilnya sama persis kaya di contoh gambar gan??

    ReplyDelete
  18. apa nanti hasilnya sama persis kaya di contoh gambar gan??
    www.jordanvengeance.com

    ReplyDelete
  19. manthap
    http://duniagame7.blogspot.com/

    ReplyDelete
  20. :thumbup
    bagus bgt idenya

    ReplyDelete
  21. mantab gan
    http://ajiyuanda.blogspot.co.id

    ReplyDelete

Post a Comment

Silakan berkomentar dengan sopan sesuai dengan topik bahasan.
Komentar dengan menyertakan tautan hidup akan otomatis terhapus.