Cantikkan kotak komen

Assalamualaikum!~

cantikkan kotak komen

Nak kotak komen seperti di atas, ikut step by step di bawah ini.


1. Dashboard > Design > Edit html > Tick widget expand

2. Search code dibawah ini ( ctrl f ).

]]></b:skin>

3. Copy code di bawah ini.

#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. Pastekan di atas/sebelum code ]]></b:skin> ini.

5. Preview dulu, pastikan tiada error baru save.


*Merah : Gantikan dengan code warna kesukaan korang di SINI !
11 Komentar untuk "Cantikkan kotak komen"

eh..macam kenal je mamat kat gambar atas tu..hahaha

@boni kacakhahaha..cepat je nampak erkk..wekkk ^_^

tq, dh buat dan menjadi..hehe

assalammualaikum,
erk, tak jumpa aa script nie aa:

#comments-block .comment-author{
background:#ff6699 !important;

kena buat sendiri ker?

salam kenal dan follow sini
selamat hari raya aidilfitri
maaf zahir batin
jom singgah sini lobaksusue.blogspot.com

@Iwan xperlu jumpa pn...awk copy script nie. dan pastekan atas code tue...copy semua jgn tinggal stu pn :)

hai..nak tanye...sye nak cantikkan comment box sye, tpi tiap kali sye nak buat ikut tutorial termasuk tutorial awk, x pandai nak jadik...nape ek?

@cikQueawk dh ikut step sy wat nie x?? paste dkt mn,?

tQ ika,,,m'jdi.da lma cri tuto ne.ska3x^^

Terima kasih untuk komen yang berharga anda, datang lagi.

 
Copyright © 2014 Bakul2011.com - All Rights Reserved
Template By. Catatan Info