nuh

Aril Impian

Mencantikkan Comment Box

Club Pujangga | 10:19 |

Lihat hasil contoh seperti gambar dibawah...

komen blog

Mencantikkan Comment Box

Langkah-langkah yang perlu anda buat terlebih dahulu seperti dibawah :

1.Login ke Blogspot, klik design/ layout > Edit HTML > tick Expand Widget Templates
2. Cari code ini...sila gunakan Ctrl F untuk mencari :

]]></b:skin>

3. Dah jumpa? Sila Copy code di bawah  dan Paste DIATAS code yang telah dicari tadi...

#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#ff6699 !important;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;


padding:5px;

font-size:15px;

font-weight:bold;

border:1px solid #ff6699;
}
#comments-block .comment-body{
margin: 0;

font-size: 17px;

border-left: 1px solid #ff6699;
border-right: 1px solid #ff6699;
margin-top: -5px; /*position*/

padding: 5px;
}
#comments-block .comment-footer{
margin:0;

font-size: 13px;

font-weight: normal;

margin-bottom: 20px;

border-left: 1px solid #ff6699;
border-right: 1px solid #ff6699;
border-bottom: 1px solid #ff6699;

-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;

margin-top: -12px; /*position*/

padding: 5px;
}
#comments-block .deleted-comment{
font-style:italic;
color:gray;
}
#comments-block .comment-author a{
color:#ffffff !important;
}
#comments-block .comment-footer a, .comment-body a{
color:#ff6699 !important;
}

 4. Selepas itu sila tukar code yang merah dengan code warna pilihan anda. Nak pilih warna sila ke

5. Mahukan kelainan solid boleh ditukar kepada dotted atau dashed
6. Kemudian  SAVE..pastikan setting dengan betul terlebih dahulu


Pergi ke SETTING > COMMENT > cari COMMENT FORM PLACEMENT > tick EMBEDDED BELOW POST

Kemudian lihat hasilnya..selamat mencuba....