Posted by : Unknown
Sabtu, 12 Februari 2011
Pada kesempatan pagi yang cerah ini saya sebelum brangkat kerja menyempatkan diri untuk menjawab salah satu pertanyaan sahabat dekat saya yaitu Seri Bahasa. Yang isi pertanyaannya :
gimana mahu buat kotak komentar seperti ini sob ada b/groundnya.
Dengan pertanyaan itulah saya membuat postingan ini yang berjudul Modifikasi Kotak Komentar Blogger. Selain untuk menjawab pertanyaan seri tadi mudah-mudahan tips atau postingan ini juga dapat bermanfaat bagi sobat-sobat yang lain.
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 :
<div class='comment-form'>
- Setelah ketemu ganti kode tersebut dengan kode seperti ini
<div id='ib-form'>
- Kemudian tambahkan kode berikut di atas kode ]]></b:skin>
#ib-form iframe{
background:#ffffff url(http://i649.photobucket.com/albums/uu217/teaade/backroundpos.gif) 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://i649.photobucket.com/albums/uu217/teaade/backroundpos.gif) 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
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Modifikasi Kotak Komentar Blogger
Related Posts :
- Back to Home »
- Blogger , Dsain Template , dsign template , Tips Trik Blog , Tutorial Blogger »
- Modifikasi Kotak Komentar Blogger