Seperti diatas "komentar bergambar" dan bagi anda yang ingin membuatnya caranya cukup mudah, mau tauuuuuuuu???
mari kita simak :
Pertama Klik Template --> Edit HTML
Kemudian Cari Kode : <div class='comment-form'>
Maka Ganti tersebut dengan kode <div id='ib-form'>
Kemudian Letakkan kode berikut diatas ]]></b:skin>
#ib-form iframe{
background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj66f95tZqQfhzSu44rUePXsh623OLkgscGu4J3JXMQHznAmFaj-W-DBjFBEO_5m87IRYOv78BBWBdY98dAmKhJeuZiNOy1tjhTsDlOpGD-f5UwnR8I3i0d8hY2z2PFRw3PxWHt98OfLY7O/s1600/tengkorak+header.png) repeat center;
-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:80%;height:250px;}
#ib-form iframe:hover{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT5jruhJAHrKoYETwsysEXZEUh9_Z4rkOoaf2D6t2KZvCaefp8zIVAS9YXx-wh_xYARShdeSKtBactaJKK09VJ5TYBs2o4g1iNVu0Wj2-0wiQYHZRA3Kq8mLuf4AyywwKVTr4DBxv6_YM/s1600/cyberfrog+header+copy.png) repeat center;
-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #C7C7C7;
solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
Kemudian Simpan deh
dan Lihatlah Hasilnya.........!!
Selamat mencoba dan Semoga selamat saat mencoba
Hahahahaha
Thanks for reading & sharing TeknoBlog
0 comments:
Post a Comment