trik satu ini adalah cara untuk meperganteng tampilan pesan komentar yang berada diatas kotak komentar, karena udah saatnya saya harus buat post ini soalnya udah mulai rame dipake hampir semua blog yang saya kunjungi semua pesan komentarnya telah di modifikasi sedemikian rupa. pesan komentar memang sangat penting untuk pembaca yang ingin berkomentar lantas dengan adanya pesang komentar pengunjung tahu peraturan tata cara berkomentar yang baik. kalau yang biasanya pesang komentar hanya biasa biasa saja beda dengan ini posting ini memberikan cara untuk memodifikasi tampilan awal pesan komentar ke tampilan modern pesan komentar
- login blogger
- template >> edit template
- cari code ]]></b:skin> dan copy paste css dibawah ini tepat diatas ]]></b:skin>
/*modifikasi pesan komentar*/
#pra-comment{
position: relative;
background:#F3C5C5; /*warna background */
width:100%;
padding:10px;
font:normal 12px trebuchet ms;
text-align:justify;
border:3px solid #AD3000; /* warna garis tepi*/
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; /* Samakan dengan warna border */
border-width: 15px;
left: 10%;
margin-left: -36px
}
#pra-comment::after {
border-top-color: #F3C5C5; /* Samakan dengan warna background */
border-width: 9px;
left: 10%;
margin-left: -30px
}
*silakan ganti warnanya, untuk mempermudah gunakan tabel warna
- cari code <p><data:blogCommentMessage/></p> dan akan ada 4 code yang sama
- ganti semua code dengan <div id='pra-comment'><data:blogCommentMessage/></div>
- kemudian simpan dan lihat hasilnya
SOCIALIZE IT →