Minggu, 15 April 2012

cara membuat textarea (comment form) komentar blogger mempunyai background



posting lagi ahh , ini juga dari permintaan rahmat wijayanto , sekarang saya akan membuat bagaimana form komentar ada background nya , seperti ini :


    ok langsung aja :
  • loggin ke blogger
  • click rancangan
  • click edit html
  • trus masukkan code berikut :
#commentform{padding:10px 0px}
#comment-form iframe{background:red url(url gambar sebelum disentuh mouse) no-repeat center center; border:3px solid #000; padding:5px; opacity:0.8; border-radius:10px; -o-transition:1s ease-out; -moz-transition:1s ease-out; -webkit-transition:1s ease-out}
#comment-form iframe:hover{background:url(url gambar setelah disentuh mouse [hover]) no-repeat center center black; background-position:bottom center; border:3px solid #fff; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F}
#comment-form a{color:#7EB2AC}
#commentform p{margin:5px 0px; color:#fff}
#commentform p a{color:#fff}
#commentform input{width:50%}
  • letakkan code tersebut di atas code ]]></b:skin>
  • terus cari code tersebut :
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='500' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
  • lalu ganti code tersebut menjadi :

<div id='commentform'>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='500' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
</div> 
  • click simpan dan lihat blog anda

0 komentar:

Posting Komentar

Blog Gw © 2008 Template by:
SkinCorner