Nak ubah kotak komen agar nampak lebih comel seperti di bawah ini?
Bukan sahaja kita suka tengok, manalah tahu mungkin boleh menambah minat pelawat untuk komen juga kan :)
Cara nak buat mudah je. Sebelum tu, jangan lupa backup dulu template tu ye.
Cara backup template,
masuk ke bahagian
Tengok sebelah kanan atas, klik
Klik
Save File.
Cari kod di bawah. Lebih kurang pun tak pe.
#comments-block{ . . . . #comments-block .deleted-comment{
font-style:italic;
color:gray;
}
Ambil semua kod dibawah dan gantikan semua kod di atas tadi
#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author {
background: #ff86a8;
border:1px solid #ff86a8;
font-size: 12px;
margin:6px 0px;
border-radius:10px 10px 0px 0px;
padding:10px;
}
#comments-block .comment-body{
margin: 0;
font-size: 13px;
border-left: 1px solid #ff86a8;
border-right: 1px solid #ff86a8;
margin-top: -7px;padding: 5px;
}
#comments-block .comment-footer{
margin:0;
font-size: 11px;
font-weight: normal;
margin-bottom: 20px;
border-left: 1px solid #ff86a8;
border-right: 1px solid #ff86a8;
border-bottom: 1px solid #ff86a8;
margin-top: -12px;
padding: 5px;
border-radius:0px 0px 10px 10px
}
#comments-block .deleted-comment{
font-style:italic;
color:gray;
}
#comments-block .comment-author a{color:#000 !important;}
#comments-block .comment-footer a, .comment-body a{color:#ff86a8 !important;}
Tips:
Kalau nak ubah warna kotak komen boleh la ubah kod warna #ff86a8
Save sahaja.
SIAPP!!
Eh, belum lagi..
Sila ke Settings / Comments
Tick Embedded below post untuk Comment Form Placement seperti gambar di bawah ini.
Itu sahaja :)
Selamat mencuba.
setiap hari duk buat tutorial je keje aku sekarang. Ada sapa-sapa tak suke? ;pKredit to Liyana Lunia, i love u lah sebab ajar Mommy Pinky :)
63 komen:
kak...ni tutorial utk apa..hihi
xfham :D
sometimes bila share ilmu kita dengan orang, ilmu yang ada bertambah tambah.
Fatin, akak baru update nih..lupe lak nk isi contoh tadi..keh2~ XD
Encik Sparkle, iye..iye..huhuh~ Encik Sparkle pun sila la kongsi ilmu dgn saye ye.. :D
eahh . .dah buat dh nih. . :D
hehe ok...comey sgt :D
thanks kak fatin nak cuba gak yah..hehe
suka tiru :D
thanks kak
hehe xjdi nak wat lah.
tgk akaknya ja la :D
La..nape? error ker?
maceh kak zana...u're d best~!!
kamaryeah, ha..dah jd la tu, suke sgt :))
mommy ini pun kite dh buat comel...
tapi camna nak kasi dia terletak jer kat bwh tu...
@MAMA AIZARA
Sudah lawat, nampak ok je. Gunakan Mozilla Firefox for the best view ok :)
yeah siap bt.. sungguh sweet. tq ye
akak cuba buat ye. thanks kongsi ilmu...
kak, kalo nk tuka warna pepel. ape kod nye? xjadi pon tuka warna tuh.
thx akak... :D cntek blog akk...
dah buat..jd la..tQ
masalhnya pulak..profiles image kat tepi dah tkde pulak..dah setting kt comment still tkde...tolonglah mcm mana ni??
terima kasih mommy pinky.. anne dah cuber dah.. sngat2 kiut
sye dah cube..tetap suka pink :)..thanks mommy
Thankz..Very Helpful
thanks..dah jadi...
salam, wooo, akak, fiza dah buat tutorial akak nih, tapi en akak, nape image kat tepi dah takde? camne nak appearkan balik image tu?
mommy.. knp saye buat tak jadik?? tak klua pon...;(
@dynda_zaa
bhgn setting jgn lupe tukar ;)
auww...really hot.dh jd..mekacih
weee...da jadi..thanks so much dear..cun bangat.
mommy nape x jadi ek?
thanks mommy . da jadi pun buat comment box yg cute miut tu :)
dah berjaya buat, tp font nya terlalu besar, mcmn nak ubah jenis font & saiz font pada comment tu? TQ.
salam ziarah..
tq sudi share tutorial neh..
waaa.. sgt chatekk! chumell!
nak try la.. wish me luck!
yeay! suda berjaya buat tp kan Mommy Pinky.. nape mcm x betul je?? hoh! tatau nak adjust la Mommy Pinky..
dah tri.jadi.he..thanx :]
tengs kak !
dah jadik pun .
tapi saya ada ler ubah sket2 kan .
nanti nak try tuto yg reply ada icon 2 tuu pulak eh .
buat entry untuk kak jugaaak :) teeeheee
momy pinky . . sye dah buat dah macam kat atas tuh . . . tpi nape tk boley post comment eak ?
mummy..sh jadi..santek..time kasih mummy..
~ terima kasih mommy..huhuhu ~
mommy xjdi pn...
sy da ikt apw yg d'ajar...
tpi xjdi jgk la...
cm ner nk ksi die mnjdi...
tlong ajar sy...smpai sy fhm...leyh x...??
mintak tutor nie sikit yeaa mommy pink . suke colour pink ! thanxx buat tutor nie . :)
tak jadi la...
(-__-)??
sangat2 thnk you...muahh.
Camner nak ubah panjang dye? sye bwt terlebih panjang sampai kat gambar la..
thx momy..bule ajar fa wat blog yg comei?
yeyy.!! dh berjaya..tq mummy..!!
sudah jadi ! thanx hee
~ salam, thanks mommy...^_^
thanks mOmmy pinky!~
p/s: i ske pink jugak.
ahhaaa..~
tak jadi la...tak berubah pape pon >_<
thank mommy pinky..cantik,i like...
thx mommy..da jadi daa..hehe...=)
Mummy, i dah buat, PINK always hehe
http://fingerpangkah.blogspot.com
tak jadi..grr..hahaha
dh jd tp nape kotak dy xde curve cm akak pnya ek
thanks for the tutorial..
da menjadi...
tank~
mommy mcm mane yer nak buat kat komen boleh kuar gambar?
tq mommy.da jdi da...bnde ni yang saya cari dari dulu.akhirnya jmpe kat ci...thanks.......
x jd punnnnn ='(
dear, maybe u punya template tak seswai :'(
mcm xbole jew..hurm..
Salam..mommy i want to ask u..cm ne na ltak comment ni kat kte nyer blog??? n agy 1 sy da try yg kat ats tuh tp ble tkan ctrl+f...dier kuar find pe tah,,,cm ne na wat pas tu?????
x jd pun....
Post a Comment