Jumaat, Disember 7

Mencantikkan Comment Box






1.Login ke Blogspot, clik 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 DI ATAS code yang u all cari tadi...



#comments-block{margin:0;
padding:0;
}
#comments-block .comment-author{
background:#000000 !important;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding:5px;
font-size:15px;
font-weight:bold;
border:1px solid #000000;
}
#comments-block .comment-body{
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(BACKGROUND URL);
repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
font-size: 16px;
border-left: 1px dashed #000000;
border-right: 1px dashed #000000;
margin-top: -5px; /*position*/
}
#comments-block .comment-footer{
margin:0;
font-size: 13px;
font-weight: normal;
margin-bottom: 20px;
border-left: 1px dashed #000000;
border-right: 1px dashed #000000;
border-bottom: 1px dashed #000000;
-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:#000000 !important;
}

4. ungu - pastekan background URL 

5. merah - tukar dengan code warna yang kita suka. Nak pilih warna sila ke SINI

6. Nak kelainan ? solid itu boleh ditukar kepada dotted 
atau dashed

7. Kemudian  SAVE ..tapi kena betulkan bahagian setting dulu ...

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

1 ulasan:

Unknown berkata...

saya guna simple template..tapi tidak pernah menjadi..T_T...msih tidak mnjdi..saya follow blog kamu ^^



http://ssurianahyana.blogspot.com/2014/02/bunga-lavender.html

Alyazaira-Mentarisenja © All Rights Reserved
Best View With Mozilla Firefox