Cara Membuat Background pada Kotak Komentar sebenarnya sudah banyak di posting oleh para sobat Blogger, namun di sini saya hanya ingin mengulasnya kembali.Siapa tahu ada dari sobat Blogger pemula seperti saya yang lagi memerlukannya, jika ada yang tertarik
Silahkan ikuti langkah berikut :
Silahkan ikuti langkah berikut :
- Login ke Blogger
- Klik Rancangan → Edit HTML
- Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,
Kemudian cari kode seperti dibawah :
<div class='comment-form'>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3).
Jika sudah ketemu Hapus kode di atas kemudian ganti dengan kode di bawah ini :
<div id='comment-form'>
selanjutnya cari kode ]]></b:skin>
letakkan kode di bawah ini tepat diatasnya
Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,
Kemudian cari kode seperti dibawah :
<div class='comment-form'>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3).
Jika sudah ketemu Hapus kode di atas kemudian ganti dengan kode di bawah ini :
<div id='comment-form'>
selanjutnya cari kode ]]></b:skin>
letakkan kode di bawah ini tepat diatasnya
#comment-form iframe{
background:#ffffff url(http://i1002.photobucket.com/albums/af149/Imtikhan/background.jpg) ;
border:7px solid #9999FF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#comment-form iframe:hover{
background:#000000 url(http://i1002.photobucket.com/albums/af149/Imtikhan/background_hover.gif);
border:7px solid #999FFF;
}
#comment-form a{
color:#7EB2AC;
}
NB : -Tulisan atau kode yang berwarna biru bisa anda ganti dengan URL gambar andabackground:#ffffff url(http://i1002.photobucket.com/albums/af149/Imtikhan/background.jpg) ;
border:7px solid #9999FF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#comment-form iframe:hover{
background:#000000 url(http://i1002.photobucket.com/albums/af149/Imtikhan/background_hover.gif);
border:7px solid #999FFF;
}
#comment-form a{
color:#7EB2AC;
}
-Tulisan yang berwarna kuning silakan anda atur sendiri.Untuk Kode Warna Klik
disini
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.
disini
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.
Demikian cara Membuat Background Pada Kotak Komentar.
Selamat mencoba
Selamat mencoba