Tutorial, Letak Background Di Kotak Komen
Salam, setelah lama menyepi, akhirnya aku dapat juga tulis tutorial ni untuk korang semua, apa taknya, serius busy sangat minggu ni, aku sanggup bersengkang mata semata-mata nak ubah template baru ni, tapi still tak siap lagi.. Nanti aku nak tukar header tu.. heh :). Ok, straight to the point, tutorial kali ni aku nak ajar korang cara Letak Background Di Kotak Comment, serius benda ni senang sangat.. Contoh kotak comment yang telah diubah suai tertera di gambar atas tu..Pengguna blogspot je boleh buat, wordpress.. tak boleh kot. Benda ni kalau korang ikut step betul-betul insyaallah boleh buat.
Langkah 1
Log in>dashboard>layout>edit html>korang klik pada expand widget
Langkah 2
Cari Code ni <div class='comment-form'> Tukarkan kepada <div id='comment-form'>
Langkah 3
Kemudian Cari Code ni
]]></b:skin>
Langkah 4
Kemudian, Copy and paste Kod bawah ni dan letakkan 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;
}
Kalau belum settingkan Kotak comment, pegilah.. tekan embed belowed post
Pada code berwarna biru, adalah margin, korang boleh tukarkan kepada warna yang korang suka.. Disini
Terimakasih atas kunjungannya di sini
Silahkan Download semua sesuka anda Semoga sukses
Tanks For All
Tidak ada komentar:
Posting Komentar