Modifikasi Tampilan Pesan Komentar v2

Modifikasi Tampilan Pesan Komentar v2 - Pada kesempatan kali ini saya akan membahasa tentang Modifikasi Tampilan Pesan Komentar v2, sebelumnya saya pernah membahas Cara Memodifikasi Pesan Komentar Blog,  Kode CSS ini saya dapatkan dari MDF-BLOG, mungkin CSS ini tidak sepanjang  pesan komentar sebelumnya, jadi tidak akan memperberat blog, berikut Tutorialnya :

1. Buka Blogger

2. Klik Template -> Edit HTML

3. Cari kode <p><data:blogCommentMessage/></p> lalu ganti dengan code <div id='pra-comment'><data:blogCommentMessage/></div>
"Biasanya kode <p><data:blogCommentMessage/></p> jumlahnya lebih dari 2 jadi ganti semua kode tersebut"

4. Kemudian letakan kode di bawah ini tepat diatas ]]></b:skin>

#pra-comment{

position:relative;

background-color:#fff;

border-radius:20px;

padding:10px;

font-size:13px;

line-height:1.6em;

color:#111;

width:100%;

}
#pra-comment,#pra-comment:after,#pra-comment:before{

border:4px solid #ff4e47;

background-color:#fff

}
#pra-comment:after{

bottom:-20px;

right:30px;

width:20px;

height:20px

}
#pra-comment:after,#pra-comment:before{

content:"";position:absolute;

border-radius:50%

}
#pra-comment:before{

bottom:-30px;

right:60px;

width:10px;

height:10px

}

5. Klik simpan template / save