Modifikasi Tampilan Pesan Komentar Blog

     Modifikasi Tampilan Pesan Komentar Blog - Hai semua AiRa LoKa best friend... kali ini saya mau bagi-bagi tutorial tentang Modifikasi Tampilan Pesan Komentar Blog.

     Tampilan default pesan komentar blogger sangat sederhana tanpa sedikitpun kreasi, bagi anda yang ingin memiliki pesan komentar yang berbeda anda bisa mencoba menambahkan  CSS untuk merubah background pesan komentar anda, juga jenis dan ukuran font dan lain lain. Nah, bagi yang mau modifikasi, Langsung saja..

Check It Out......

1.  Masuk ke BLogger > Dashboard Blogger > Template > Edit HTML. Cari script

<data:blogCommentMessage/>

lalu ganti dengan script

<div id='pra-comment'><data:blogCommentMessage/></div>

2.  Cari kode ]]></b:skin>, lalu pastekan script dibawah ini diatas kode ]]></b:skin>

/* Comment Modification --------------------------------------- */
#pra-comment{
position: relative;
background:#0099ff;
padding:10px;
font:normal 12px trebuchet ms;
color:#ffffff;
text-shadow: 0 0 0 0 rgba(0,0,0,0);
text-align:justify;
border:3px solid #0088FF;
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: #0088FF;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#pra-comment::after {
border-top-color: #0099ff; /* Samakan dengan warna background */
border-width: 9px;
left: 10%;
margin-left: -30px
}

3.  Simpan

Selamat mencoba!