13 February 2014

Tutorial: Cantikkan Kotak Komen

14/2/2014

Assalamualaikum....



Comey kan?

Okeylah, harini nak ajar cantikkan kotak komen =D

Memang cung walaupun simple!

Contoh?



Centulah!! Jom buat!!

1. Dashboard>Template->Edit HTML 
2. CTRL+F, nthen carik kod:

]]></b:skin>

3. Jumpa? Good! Sekarang, paste koding ni DI ATAS kod  ]]></b:skin>

#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. Save! Pergi ke step 2 :)

STEP 2:

Haa~ lepas paste koding..korg bukan senang2 je leh preview! Kena ikut

tutor yang ni plak....

1. Dashboard->Settings->Comments and what eva
2. Pilih pop-up 
3. Save ;)

CR: Apple candy

No comments:

Post a Comment