Minggu, 29 Mei 2011

Modifikasi Kotak Komentar

<div style="overflow:auto;width:150px;height:50px;padding:10px;border:1px solid #eee">                                                                   Baik jika para sobat pingin liat seperti apa screenshotnya seperti di bawah ini :



Baik berhubung waktu sudah semakin siang kita lagsung aja ke langkah-langkah cara pembuatannya :

Seperti biasa Sobat LogIn ke blog masing-masing
Klik Rancangan --> Edit HTML
Beri tanda chacklist pada tulisan "Expand Template Widget"
Cari Kode berikut :



Setelah ketemu ganti kode tersebut dengan kode seperti ini



Kemudian tambahkan kode berikut di atas kode ]]>


#ib-form iframe{
background:#ffffff url(http://i1125.photobucket.com/albums/l587/negrionta/n1.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://i1125.photobucket.com/albums/l587/negrionta/n1.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}


Setelah semua langkah-langkah di atas selesai klik tombol Save. dan lihat hasilnya

Semoga bermanfaat



KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANG                                          </div>

Tidak ada komentar:

Tempel Komentar