Background di Kotak Comment Form

BACKGROUND DI KOTAK COMMENT FORM

1. Sign in | Dashboard | Design | Edit HTML

Warning ; SILA TICK EXPAND WIDGET

2 . Tekan Ctrl + F dan cari code ni ;

<div class='comment-form'>

3. Gantikan CODE diatas dengan CODE kat bawah ni ;

<div id='comment-form'>

4. Cari pula code ;

]]></b:skin>

5. Copy code dibawah dan PASTE betul2 dekat ATAS ]]></b:skin>

#comment-form iframe{

background:#ffffff url(URL BACKGROUND) ;

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(URL BACKGROUND);

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;

}

6 . EXTRA

PERKATAAN WARNA MERAH ~> Ganti dengan URL gambar anda

PERKATAAN WARNA BIRU~> Ganti dengan WARNA BORDER kesukaan anda

Save Template and tengok HASIL !

Credit to : Kozumiro

Nak backlink sila copy code dibawah, TERIMA KASIH

<div style="text-align: center;">BACKGROUND DI KOTAK COMMENT FORM</div><div style="text-align: center;"><span class="Apple-style-span"><br /></span></div><div style="text-align: center;"><span class="Apple-style-span"><u><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixlbX8EcgWn1AfEd927kZoljqpKkTKO93KYBZurCDXqHv4-ILsPx2LAixNz6SYxNsxGEon8BdmQ9fBn2ZJByYLlWKt70-gYAXeFCnB-M0__8jAs-x-UK3rtNGRZVcJfN-t_GwAB4hTcOM/s1600/lll.bmp"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixlbX8EcgWn1AfEd927kZoljqpKkTKO93KYBZurCDXqHv4-ILsPx2LAixNz6SYxNsxGEon8BdmQ9fBn2ZJByYLlWKt70-gYAXeFCnB-M0__8jAs-x-UK3rtNGRZVcJfN-t_GwAB4hTcOM/s320/lll.bmp" /></a></u></span></div><div style="text-align: center;"><span class="Apple-style-span"><br /></span></div><div style="text-align: center;">1. Sign in | Dashboard | Design | Edit HTML</div><div style="text-align: center;"><br /></div><div style="text-align: center;">Warning ;<span class="Apple-style-span" style="color:#FF0000;"> SILA TICK EXPAND WIDGET</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;">2 . Tekan Ctrl + F dan cari code ni ;</div><div style="text-align: center;"><blockquote><div class='comment-form'></blockquote></div><div style="text-align: center;">3. Gantikan CODE diatas dengan CODE kat bawah ni ;</div><div style="text-align: center;"><blockquote><div id='comment-form'></blockquote></div><div style="text-align: center;">4. Cari pula code ;</div><div style="text-align: center;"><blockquote>]]></b:skin></blockquote></div><div style="text-align: center;">5. Copy code dibawah dan PASTE betul2 dekat ATAS ]]></b:skin><br /></div><div style="text-align: center;"><div style="text-align: center;"></div><blockquote><div style="text-align: center;">#comment-form iframe{</div><div style="text-align: center;">background:#ffffff url(<b><span class="Apple-style-span" style="color:#FF0000;">URL BACKGROUND</span></b>) ;</div><div style="text-align: center;">border:5px solid #<b><span class="Apple-style-span" style="color:#000066;">FF66CC</span></b>;</div><div style="text-align: center;">padding:5px;</div><div style="text-align: center;">font:normal 12pt "ms sans serif", Arial;</div><div style="text-align: center;">color:#7EB2AC;</div><div style="text-align: center;">width:450px;</div><div style="text-align: center;">-moz-border-radius-topleft:8px;</div><div style="text-align: center;">-moz-border-radius-topright:8px;</div><div style="text-align: center;">-moz-border-radius-bottomleft:8px;</div><div style="text-align: center;">-moz-border-radius-bottomright:8px;</div><div style="text-align: center;">}</div><div style="text-align: center;">#comment-form iframe:hover{</div><div style="text-align: center;">background:#000000 url(<b><span class="Apple-style-span" style="color:#FF0000;">URL BACKGROUND</span></b>);</div><div style="text-align: center;">border:5px solid #<b><span class="Apple-style-span" style="color:#000066;">FF66CC</span></b>;</div><div style="text-align: center;">}</div><div style="text-align: center;">#comment-form a{</div><div style="text-align: center;">color:#7EB2AC;</div><div style="text-align: center;">-moz-border-radius-topleft:8px;</div><div style="text-align: center;">-moz-border-radius-topright:8px;</div><div style="text-align: center;">-moz-border-radius-bottomleft:8px;</div><div style="text-align: center;">-moz-border-radius-bottomright:8px;</div><div style="text-align: center;">}</div></blockquote><div style="text-align: center;"></div><div style="text-align: center;">6 . EXTRA </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><b>PERKATAAN WARNA <span class="Apple-style-span" style="color:#FF0000;">MERAH</span> ~> <i>Ganti dengan URL gambar anda</i></b></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><b><span class="Apple-style-span" style="font-weight: normal; "><b>PERKATAAN WARNA <span class="Apple-style-span" style="color:#000066;">BIRU</span>~> <i>Ganti dengan WARNA BORDER kesukaan anda</i></b></span></b></div><div style="text-align: center;"><b><span class="Apple-style-span" style="font-weight: normal; "><b><i><br /></i></b></span></b></div><div style="text-align: center;"><span class="Apple-style-span">Save Template and tengok HASIL !</span></div></div><div style="text-align: center;"><br /></div><div style="text-align: center;">Credit to :<a href="http://kozumiro.blogspot.com/"> Kozumiro</a></div> <br/> Sumber: <a href='http://tutorial-sahaja-ikazulfa.blogspot.com/2011/02/background-di-kotak-comment-form.html'> Hanya Tutorial ♥ </a>