Tutorial : Beautiful Comment Post


Assalamualaikum and annyeonghaseyo  :) okay .. macam mana nak buat beautiful comment post versi blogskin .. hari tu fina buat untuk template designer je ..  tnpe membuang masa  ,jom !

1.dashboard > template
2.tekan ctrl + F ,cari code ni <style>
3.lepas tu copy code di bawah ni

#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.dan paste di bawah <style> 
5.preview .. (kalau tak jadi tak payah save) ..
 Note :
Merah : tukarkan dengan code colour html yang korang suke, boleh ambil dekat SINI
Solid : boleh tukarkan dengan dotted and dashed , ikut korang laa :)

fina dah try-try macam boleh.. tapi sorry taw kalau sala kea.. kalau tak jadi inform fina di comment atau cbox  :) saye akan betul kan ,,insya-allah :) was'salam :)

No comments :

Post a Comment

Assalamualaikum and hi ,mind to drop your comment or opinion here .:D

ariexxn