- Back to Home »
- Trick »
- Kotak Komentar bergambar
Posted by : Mix Blogging
Jumat, 04 Mei 2012
Jika sobat inging blog anda lebih dan super lebih (lebay) cantik lagi hahah :D pastinya pengen yang satu ini kan, yaitu kotak komentar bergambar,.. halah banyak omong, langsung aja cara buatnya..
1. Login ke dalam blog kamu.
2.Masuk lagi ke Templates >> Edit Tata Letak
3.Cari code di bawah menggunakan tombol F3
Setelah ketemu, ganti code di atas dengan code berikut
Selanjutnya, kamu tambahkan code ini di atas code ]]></b:skin>
Kemudian
Lihat aja hasilnya :)
1. Login ke dalam blog kamu.
2.Masuk lagi ke Templates >> Edit Tata Letak
3.Cari code di bawah menggunakan tombol F3
<div class='comment-form'>
Setelah ketemu, ganti code di atas dengan code berikut
<div id='ib-form'>
Selanjutnya, kamu tambahkan code ini di atas code ]]></b:skin>
#ib-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHOtdUrbhPxSZsZ17OuG-9G9DLs8Yhhq9LQ9XvIJSomFWjXdjt4ISC3mohA5QN6JOhqmDncn27pc4WfQL-yJO0veGGhwWvLerWE0FFD-f9dYo32DWd8w5eKV5ZgmaRQtQp6kYSPlRItgzn/s1600/Komentar+Lora+Malunk.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHOtdUrbhPxSZsZ17OuG-9G9DLs8Yhhq9LQ9XvIJSomFWjXdjt4ISC3mohA5QN6JOhqmDncn27pc4WfQL-yJO0veGGhwWvLerWE0FFD-f9dYo32DWd8w5eKV5ZgmaRQtQp6kYSPlRItgzn/s1600/Komentar+Lora+Malunk.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHOtdUrbhPxSZsZ17OuG-9G9DLs8Yhhq9LQ9XvIJSomFWjXdjt4ISC3mohA5QN6JOhqmDncn27pc4WfQL-yJO0veGGhwWvLerWE0FFD-f9dYo32DWd8w5eKV5ZgmaRQtQp6kYSPlRItgzn/s1600/Komentar+Lora+Malunk.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHOtdUrbhPxSZsZ17OuG-9G9DLs8Yhhq9LQ9XvIJSomFWjXdjt4ISC3mohA5QN6JOhqmDncn27pc4WfQL-yJO0veGGhwWvLerWE0FFD-f9dYo32DWd8w5eKV5ZgmaRQtQp6kYSPlRItgzn/s1600/Komentar+Lora+Malunk.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
Kemudian
Lihat aja hasilnya :)
:ad
BalasHapus