Hey guys . This is my original Blog . Thank you for visiting my Blog . I really appreciate it . Do follow my Blog if you have a blog too . Just press the button FOLLOW above . Thanks .

Monday, 31 December 2012

Tutorial - Tukar Comment Box Di Blog

 
 
 
Okeyy , apee kate , korangg try tuto nieyy .. Tukar comment box korangg nieyy .. Macam kat atas tu ..
 

1. Dashboard >> Design >> Edit HTML >> Tick Expand Widget
3.Ctrl + F , korangg cari code kat bawah nieyy yee ..

/* Comments

**Then bila korang dahh search , korang akan nampak anak-anak coding nya dibawah kan? Delete anak-anak codenya dan gantikan dengan code kadd bawah nieyy**
 
#comments h4 {
margin: 1em 0;
font-size: 94%;
color: #000;
}
#comments h4 strong {
font-size: 94%;
color: #000;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
padding: 2px;
background-color: #F7819F;
border-radius: 15px 15px 0px 0px;
color: #fff;
font-weight:bold;
font-size: 86%;
}
#comments-block dd {
padding: 2px;
background-color: pink;
color: #fff;
font-size: 95%;
font-weight:bold;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 82%;
font-weight:bold;
padding: 2px;
background-color: #F7819F;
border-radius: 0px 0px 15px 15px;
color: #fff;
}
#comments-block dd p {
padding: 2px;
background-color: pink;
color: #fff;
font-weight:bold;
font-size: 95%;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: $startSide;
font-size: 93%;
 }
#blog-pager-older-link {
float: $endSide;
font-size: 93%;
}
#blog-pager {   
text-align: center; 
font-size: 87%;
}
4. Yangg tulisan warnaa MERAH tu , korangg tukaa ngan color code korangg sendiri yee ..


5. Dahh tu , korangg klik Preview terlebehh dahulu, kalau dahh tak dee ERROR terus save!
**Dahh siap ! Jadi takk korangg punyee ? Kalau tahh jadi tu bagus laa yee .. Tapi , sebelum tu , korangg buat laa backup templete korangg tu dulu yee ^^

No comments:

Post a Comment