Modifikasi Tampilan Pesan Komentar Blog

Modifikasi Tampilan Pesan Komentar Blog

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.

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

Artikel Terkait