15 January 2012

Tutorial Mencantikkan Ruangan Komen

‎بسم الله الرحمن الرحيم
 السلام عليكم


Ruangan komen adalah penting bagi readers untuk komen sesebuah entry . Antara faktor yang menyebabkan readers malas nak komen sesebuah entry ialah ruangan komen tidak menarik dan kemas . so hari neyy saya nak ajar anda cara mencantikkan ruangan komen anda . Yang tak jadi tuu saya minta maaf sangat sangat , mungkin tutor neyy tak sesuai dengan template yang anda guna .

Tutorial :

1. Dashboard - Design - Edit Html - tick Expand Widget Template

2. Cari code ini :


]]></b:skin>

3. Dah jumpa , bagus ! Then anda perlu copy code ini :



#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#F778A1 !important;
-moz-border-radius: 40px 10px;
            border-radius: 40px 10px;
padding:5px;
font-size:15px;
font-weight:bold;
border:4px dashed #F778A1;
}
#comments-block .comment-body{
margin: 0;
font-size: 15px;
border-left: 1px solid  #F778A1;
border-right: 1px solid #F778A1;
margin-top: -5px; /*position*/
padding: 5px;
}
#comments-block .comment-footer{
margin:0;
font-size: 13px;
font-weight: normal;
margin-bottom: 20px;
border-left: 2px dotted #ff6699;
border-right: 2px dashed #ff6699;
border-bottom: 2px solid #ff6699;
-moz-border-radius: 40px 10px;
            border-radius: 40px 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. Dah copy ? Okay then paste di atas code yang anda cari tadi di step yang kedua .

5. Selesai !! PREVIEW dulu , kalau tak keluar sebarang notice atau error , baru SAVE . 

No comments: