Cara Mudah Modifikasi Tampilan Pesan Komentar pada Blog

Pada postingan kali ini saya akan share bagaimana cara merubah atau memodifikasi tampilan pesan komentar agar terlihat lebih menarik.

Hasilnya kurang lebih akan nampak seperti gambar di bawah ini. Dan tampilan pesan ini sudah perna admin terapkan di blog ini.

Berikut ini cara merubah tampilan pesan komentar pada blog:

1. Pertama login ke blogger atau klik disini
2. Masuk ke Template pilih Edit HTML
3. Selanjutnya cari code

   <p><data:blogCommentMessage/></p> 

   dan ganti code tersebut dengan code di bawah ini.

   <div id='pra-comment'><data:blogCommentMessage/></div>

   Biasanya terdapat lebih dari 2 code

   <p><data:blogCommentMessage/></p>

   dan ganti semua code tersebut.
4. Langkah berikutnya cari kode ]]></b:skin> dan letakkan kode CSS di bawah ini dah letakkan tepat di atas kode ]]></b:skin>

    /*-- modifikasi pesan komentar--*/
   
   #pra-comment{
       position: relative;
       background:#F3C5C5;
       width:100%;
       padding:10px;
       font:normal 12px trebuchet ms;
       text-align:justify;
       border:3px solid #AD3000;
       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;
       border-width: 15px;
       left: 10%;
       margin-left: -36px} 
   
   #pra-comment::after {
       border-top-color: #F3C5C5; 
       border-width: 9px;
       left: 10%;
       margin-left: -30px
   } 
   
   /*finish modifikasi pesan komentar*/

5. Jika sudah pilih simpan, kemudian lihat hasilnya.

Demikian tutorial bagaimana cara memodifikasi tampilan pesan komentar blog. Semoga bermanfaat, dan tunggu tips dan trik blogging berikutnya.