Modifikasi Tampilan Pesan Komentar Blog


Beberapa waktu lalu saya pernah menuliskan cara memperbaiki pesan komentar yang pindah ke bawah, saya juga sudah memberikan tutorial untuk merubah tampilan kotak komentar, maka kali ini saya akan membagikan lagi sebuah tutorial sederhana untuk merubah tampilan pesan komentar.

Seperti yang pernah saya bagikan sebelumnya, pesan komentar merupakan sebuah aturan yang di tulis oleh si pemilik blog, tentang bagaimana berkomentar yang baik dengan sopan di blog tersebut, pesan komentar juga dapat berisi ucapan terima kasih ataupun hanya sebagai pemanis tampilan komentar dari sebuah blog.

mempercantik tampilan pesan komentar

Pesan komentar dengan tampilan yang tidak biasa akan lebih mendapat perhatian dari si penggunjung, dengan begitu maksud dari pesan komentar tersebut dapat tersampaikan.

Bagi anda yang tertarik untuk merubah tampilan pesan komentar blog anda menjadi sedikit lebih keren dan unik, perhatikan langkah-langkah berikut:
  • Login >> Template >> Edit HTML.
  • Cari kode,
<p><data:blogCommentMessage/></p>
  • Kemudian ganti kode di atas dengan kode,
<div id='pra-comment'><data:blogCommentMessage/></div>
Keterangan: Biasanya terdapat lebih dari satu kode <p><data:blogCommentMessage/></p>, silakan anda ganti semua.

  • Berikutnya cari kode
]]></b:skin>

  • Letakkan kode di bawah tepat sebelum kode ]]></b:skin>.
/* Pesan Komentar
---------------------------------------------- */
#pra-comment{
 position: relative;
 background:#0070B0;
 color:#fff;
 padding:10px;
 font:normal 12px trebuchet ms;
 text-align:justify;
 border:3px solid #333;
 margin:15px 0 15px 0;
 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: #333;
border-width: 15px;
left: 82%;
margin-left: -36px
}
#pra-comment::after {
border-top-color: #0070B0;
border-width: 9px;
left: 82%;
margin-left: -30px
}

  • Terakhir klik Simpan Template, kemudian lihat hasilnya.

Demikian tutorial sederhana tentang bagaimana cara memodifikasi tampilan pesan komentar blog. Kurang lebihnya mohon maaf. Semoga bermanfaat.


8 comments:

  1. Kalo bikin brreaking news kaya yang di atas itu gimana gan

    ReplyDelete
  2. Ko' malah jadi di bawah kolom komentar,, pesan nya ? bukan di atas kolom komentar :(

    ReplyDelete
    Replies
    1. baca disini gan, buat benerinnya..
      http://bocah-alus.blogspot.com/2013/09/mengatasi-pesan-komentar-blog-yang.html

      ^_^

      Delete
  3. boleh juga dicoba dulu ya gan...hehehehehe

    ReplyDelete
  4. Lumayan nih gan, biar blog nya tambah keren !

    ReplyDelete
  5. hhmm.. ada PRA komennya yaa.. hhh,, ,
    "pra-comment" aq ganti dengan "comment-keren" acchh. . .

    ijin nerapin di Blog ^_^

    ReplyDelete
  6. ane coba di blog ane dulu gan, mudah2an work :D

    ReplyDelete
  7. perlu di coba demi menariknya sebuah kotak komentar di sebuah blog

    ReplyDelete