Tutorial : Jadikan Comment Box Kelihatan Cantik

Gadis Kidal Berceloteh...

05/02/2012

.Assalamualaikum !

Peacee Yo(!) ^_^v

Heyyy . Wassup guyss ~ Hari ni , Lyssa nak ajarkan korang macam mana nak cantikkan comment box macam Lyssa kali ini . Arrr . Tapi , certain template je boleh jadi tau . Bagi yang tak jadi tu harap maaf ye :)

Bahagian comment macam Lyssa ni . Cuba tengok :

 

Nak try tak ?Sebab nampak lebih kemas . Okeyy . Lets go (!)

1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates

2. Tekan Ctrl F dan cari kod ini :

]]></b:skin>

 

3. Ada jumpa ? Bagus ! Copy kod ini pula :

#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#000000 !important;
-moz-border-radius-topleft: 0px;
-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. Paste di bahagian atas kod yang korang cari tadi tuu .

** Warna merah korang paste BACKGROUND URL yang korang suka . Boleh cari di google atau di photobucket .

** Warna biru tu korang tukar dengan kod warna yang korang suka . KLIK SINI !  


Bila dah selesai , korang PREVIEW dulu . Kalau tak de ERROR korang SAVE terus  !
Macam mana nak tahu jadi ke takk , korang klik salah satu entry korang yang ada comment . Tengok bahagian komen . Jadi takk ?


Kalau jadi , tepuk tangan untuk diri sendiri . HAHA . Selamat Mencubaa~

KONGSIKAN ARTIKEL INI..

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest