Tutorial : Kotak komen Bergambar
Assalamulaikum
Hri ni nak tak tahu mmacam mana nak letak comment box bergambar.Mcam ini ;
1) Dashboard > Template > Edit HTML > Tick Expand Widget..
2) CTR + F.seacrh code ini ;
<div class='comment-form'>
3)Gantikan kod di atas dengan kod ini ;
<div id='comment-form'>
4)Kemudian CTRL + F.Search code ini pulak ;
]]></b:skin>
5)Copy code ini di atas code tadi
#comment-form iframe{background:#ffffff url(image URL) ;border:5px solid #FF66CC;padding:5px;font:normal 12pt "ms sans serif", Arial;color:#7EB2AC;width:450px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;}#comment-form iframe:hover{background:#000000 url(IMAGE url);border:5px solid #FF66CC;}#comment-form a{color:#7EB2AC;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;}<small><a href="http://intanwandalaara.blogspot.com/2011/09/tutorial-letak-background-di-form.html" target="_blank">get this</a></small>
* MERAH - image background
BIRU - colour line kotak
This comment has been removed by the author.
ReplyDelete