Cara Memodifikasi Pesan Kotak Komentar Di Blog

Prima Share - Haloo..!!! Happy Ied Mubarak ^^

Setelah kemarin membahas tentang Membuat Kotak Komentar Google+ Di Blogger, Sekarang kita akan membahas tentang Cara Memodifikasi Pesan Kotak Komentar Di Blog. Bagi yang sudah bosan dengan tampilan pesan diatas kotak komentar yang itu-itu aja, yuk di modifikasi sedikit biar lebih keren. Tertarik ??

1. Log-in Blogger

2. Masuk ke Template > Edit HTML

3. Cari kode <p><data:blogCommentMessage/></p> lalu ganti dengan kode <div id='pesankomentar'><data:blogCommentMessage/></div> 

4. Cari kode ]]></b:skin> dan letakan CSS berikut dibawahnya...

#pesankomentar{

position: relative;

background:#80C8FE;

color:#000;

width:94%; 

padding:10px;

font-weight:normal;

text-align:justify;

border:3px solid #FF0000;

border-radius: 5px;

margin:0 10px 10px 0;

margin-top: 10px;

line-height: 1.3em;

}

#pesankomentar::after, #pesankomentar::before {

top: 100%;

border: solid transparent;

content: " ";

height: 0;

width: 0;

position: absolute;

pointer-events: none

}

#pesankomentar::before {

border-top-color: #0066B3;

border-width: 15px;

left: 10%;

margin-left: -36px

}

#pesankomentar::after {

border-top-color: #80C8FE;

border-width: 9px;

left: 10%;

margin-left: -30px

}

* #80C8FE adalah warna untuk background

* #0066B3 adalah warna untuk border

5. Cari kode

document.getElementById(domId).insertBefore(replybox, null);

6. Lalu ganti dengan kode

document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);

7. Simpan template.

Coba di cek dulu hasilnya hehehe ...

Sekian artikel tentang Cara Memodifikasi Pesan Kotak Komentar Di Blog semoga bermanfaat ...