Tutorial : Kotak komen Bergambar

October 31, 2011

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



1 comment:

Saya komen

Powered by Blogger.