blog jaja

Browse Manual » Wiring » blog » di » komentar » kotak » memodifikasi » Memodifikasi Kotak Komentar Di Blog

---

Memodifikasi Kotak Komentar Di Blog

alhamdulilah .. masih bisa posting lgi.. setelah menganti domain jdii dot com :v .. kali ini saya akan posting Memodifikasi Kotak Komentar Di Blog .. nah trick ini saya dpat dri mbah google dan sudah saya terapkan sendiri dan hasilnya lumayan keren lah :D..
nah cara memasngnya lansung saja:

• loggin blogger
• tata letak
• HTML/Javascipt
• cari kode <p><data:blogCommentMessage/></p>
• lalu ganti kode <p><data :blogCommentMessage/></p> dengan kode <div id=pra-comment><data:blogCommentMessage/></div>

Biasanya kode <p><data:blogCommentMessage/></p> jumlahnya lebih dari 2, ganti semua kode tersebut.

•  cari kode ]]></b:skin>
• Tambahkan kode CSS berikut diatas kode ]]></b:skin>

#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; /* Samakan dengan warna background */
border-width: 9px;
left: 10%;
margin-left: -30px
}

Anda masih dapat mengedit CSS diatas. Misalnya mengganti warna background, jenis dan ukuran font dll. Untuk mendapatkan kode warna anda bisa lihat disini 

• save :D