Saturday, April 30, 2011

Tutorial : Mencantikkan Kotak Komen/Comment Box

Pernah tak korang tengok kat sesebuah blog yang kotak komen/comment box dia cantik? contohnya ada background and border. mesti pernah kan. haa, kali ni pija nak ajar korang buat tuto neh. meh ikut.

First,
Dashboard--> Design--> Edit Html--> Tick Expand widget--> ctrl+f

Ten, cari kod di bawah..
]]></b:skin>
Kemudian, copy code ni dan paste kan DI ATAS code ]]></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;
}


Yang Hijau untuk background.
Yang Biru untuk tulisan.

sapa yang ada photoshop tu korang bole cari kat situ kod kalernya.
yang takda bole rujuk >sini<


Suka ? LIKE okayy

6 00 Berceloteh:

Mr iZzo (^^,) said...

toturial yg menarik!


saLam kenaLan...dr segmen Ben! huhu.. nice blog!(^_^)

sudi2 lah lawat kiter plak ye



http://themrizzo.blogspot.com

Azhunk Awang said...

wah bgus nye blog ni, da la comel !

Tea said...

nk ade background punya ke , bubble ke. btw , thx. :D

fafa said...

x bpe jelas la...huhu...klu nk tukar pic mail 2 cmner? sye wat die jadi pic pensel n paper..x comeii la...

Nurul Sofia said...

waaaa... cun cun cun

C'Jai said...

terima kasih daun keladi..
dah jadiiii...
suke..suke....suke...

Related Posts Plugin for WordPress, Blogger...
 
Copyright @ 2010-2013. All Right Reserved by Syafizaalexa