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.
2 komentar Add Comments
Punya ku emosinya tidak muncul o.....
Ha,ha,ha...
tahks bro, kebetulan BBM Lgi Naik
Gunakan sebagai Anonymous jika kamu tidak memiliki akun apapun.
Mohon agar tidak berkomentar "Link Aktif"
Terima Kasih Telah Berkunjung...
Konversi KodeOut Of TopicEmoticon