Hallo All.....
kali ini saya akan memberiakan trik membuat kotak komentar blogger bergambar. untuk contohnya kalian bisa liat gambar diatas. Beberapa temen2 mungkin sudah banyak yang membuat trik ini tetapi mungkin saya dapat menjelaskan lagi dengan mudah....
oke sekarang kita langsung aja mengikuti langkah-langkahnya:
- Seperti biasa anda Log In dulu ke Blogspot
- Klik Rancangan / Tata Letak--> Edit HTML
- Jangan lupa untuk memberikan tanda chacklist pada tulisan "Expand Template Widget"
- Cari Kode berikut :
<div class='comment-form'>
- Setelah anda menemukan kode tersebut, anda dapat menggantinya dengan Kode dibawah ini.
<div id='ib-form'>
- Selanjutnya anda menambahkan kode dibawah ini dan letakkan sebelum kode ]]></b:skin>
#ib-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxj7tqUg10ggo49EZ4SQ0wVyCaflCl5NAbv5YSQqWMa-mVOaK4heusuCRYTPvqHozXW1_iTvJ4EYb0YsUBd5iHeO8ypz2Bkvmas_YlGwhQZsDUFZCchT9cxRaMr0ELCK6AodcACJOD3ZA/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/AVvXsEjaxj7tqUg10ggo49EZ4SQ0wVyCaflCl5NAbv5YSQqWMa-mVOaK4heusuCRYTPvqHozXW1_iTvJ4EYb0YsUBd5iHeO8ypz2Bkvmas_YlGwhQZsDUFZCchT9cxRaMr0ELCK6AodcACJOD3ZA/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/AVvXsEjaxj7tqUg10ggo49EZ4SQ0wVyCaflCl5NAbv5YSQqWMa-mVOaK4heusuCRYTPvqHozXW1_iTvJ4EYb0YsUBd5iHeO8ypz2Bkvmas_YlGwhQZsDUFZCchT9cxRaMr0ELCK6AodcACJOD3ZA/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/AVvXsEjaxj7tqUg10ggo49EZ4SQ0wVyCaflCl5NAbv5YSQqWMa-mVOaK4heusuCRYTPvqHozXW1_iTvJ4EYb0YsUBd5iHeO8ypz2Bkvmas_YlGwhQZsDUFZCchT9cxRaMr0ELCK6AodcACJOD3ZA/s1600/Komentar+Lora+Malunk.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
Mudah kan?silahkan mencoba langkah2 diatas, apabila menarik silahkan temen2 follow blog ini atau langganan feed blog ini....
>>>>>....SEMOGA BERMANFAAT....<<<<<
>>Selesai baca jangan lupa jempol dan komentarnya y....
0 comments:
Post a Comment