Tutorial : Beautiful Comment Box.

by - 11:31 PG



Tumblr_mdqdfn1wdz1r7odi9o1_r1_500_large
*Gambar ini tiada motif apa-apa,just cute so i put it :D*

Assalamualaikum :)

Tuto yang ke-2 untuk hari ini ^_-.. Korang tengok dah comment box arrien yang baru?? oke i like it.. so kalau korang pon suka,just follow the tuto ky..


Follow this :

1. Dashboard > template > Edit HTML > Tick Expand Widget Templates.

2. Tekan Ctrl + F and cari code ]]></b:skin>

3. Jumpa kan?? copy pulak code dibawah nie :

#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. Pastekan di atas code  ]]></b:skin> tu..

5. SAVE.

Note :
Merah : tukarkan dengan code colour HTML yang korang suka.
Solid : Boleh tukarkan dengan dotted atau dashed , ikut cita rasa korang :)

Wassalam ^_^





You May Also Like

2 Comments