Tutorial Cara Letak Background Di Form Kotak Comment Blog

Hai all...wah...sudah lama koz menyepi dalam memberi korang tutorial untuk blog korang..Ahak...Biasalah sekarang buzy dengan keje yang bertimbun2...Now ada masa sikit koz akan kongsikan dengan korang satu tutorial ini.Mesti korang sukalah^^...ahak lau tak percaya cuba try okey^^...Pendekkan cerita ,pada tutorial kali ini,koz nak ajar korang cara hendak mencantikkan atau meletak background pada form kotak comment blog korang...Contoh hasilnya seperti gambar yang tertera di atas,tak pun korang boleh lihat pada form kotak comment di bawah^^..Cara nak buatnya mudah sahaja,ikuti langkah-langkah di bawah okey..

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates. (sila backup template korang dulu okey^^)

Langkah 2

Cari code ini

<div class='comment-form'>

dan gantikan code di atas dengan code ini

<div id='comment-form'>

Langkah 3

Kemudian cari code ini

]]></b:skin>

Langkah 4

Kemudian copy dan pastekan code di bawah ini tepat di atas code ]]></b:skin>

#comment-form iframe{
background:#ffffff url(http://img202.imageshack.us/img202/8525/texturec.jpg) ;
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(http://img202.imageshack.us/img202/8525/texturec.jpg);
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;
}

Pada code berwarna merah korang boleh letak link gambar yang korang suka
Pada code warna biru korang boleh gantikan warna line di luar kotak

Save dan lihat hasilnya...

Selamat mencuba^^...

p/s: Sebelum apa-apa pastikan korang setting dulu pada Ruangan Comments korang

Log in blog>Dashboard>Setting>Comments>

pada "Comment Form Placement" tanda pada Embedded below post...

Ranking: 5