Modifikasi Tampilan Pesan Komentar pada Blog

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.

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 <div id='pra-comment'><data:blogCommentMessage/></div>

Catatan:

• 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*/

3. 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.