Tuesday, November 16, 2010

Tutorial ( Tukar Background Comment )

 Hye .. Anda rase bosan dengan background comment anda yang kosong .. Haa di sini la cara2 untuk menukar nyer .. Tukar dengan ape2 saja gambar .. Menyerlahkan lagi blog anda .. Dan juga menarik perhatian blogger2 lain untuk lebih mengoment di blog anda .. Cara2 nyer : 

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 pink korang boleh gantikan warna line di luar kotak

Save dan lihatlah ape yang jadi pade ruangan background comment anda ^^ ..

Selamat mencube ..


 Ni contoh aku punyer background comment ..

Mau lihat lebih lagi klik SINI ..

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 ..

0 comments: