Sobat blogger posting kali ini saya akan kasi cara buat sobat yang ingin mempercantik tampilan kotak atau form komentar, di sini saya akan kasi tau caranya memberi backround di form komentar sobat sehingga tampilanya akan semakin menarik, tapi kalau kamu ingin mempraktekkan cara ini pastikan pengaturan tampilan komentar blogger kamu tidak di tampilkan di halaman pop up, trik ini hanya berhasil jika kotak komentar kamu berada di bawah posting, tidak di halaman pop up Sekarang gimana caranya ??
Kamu masuk ke
Blogger
Design
Edit HTML >> beri tanda centang di opsi expand widget template.
Sekarang cari kode berikut
<div class='comment-form'>
Kalau sudah sekarang gantikan kode di atas dengan kode
<div id='ib-form'>
Kalau sudah sekarang kamu cari kode ]]></b:skin>. dan letakan kode berikut sebelum atau tepat di atas kode ]]></b:skin>.
#ib-form iframe{
background:#ffffff url(http://i1191.photobucket.com/albums/z464/izoel1/Alam04.jpg) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:95%;height:250px;}
#ib-form iframe:hover{
background:#ffffff url(http://i1191.photobucket.com/albums/z464/izoel1/Alam04.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
.background:#ffffff url(http://i1191.photobucket.com/albums/z464/izoel1/Alam04.jpg) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:95%;height:250px;}
#ib-form iframe:hover{
background:#ffffff url(http://i1191.photobucket.com/albums/z464/izoel1/Alam04.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
Gambar backgroundnya bisa kamu ganti sesuka kamu.
Selanjutnya kamu tinggal simpan pengaturan template kamu dan lihat blog kamu.
Silakan mencoba, semoga berhasil.
0 ƘǿmєиtąЯ: