Loading...
Home » » Cara merubah Background Komentar menjadi gambar

Cara merubah Background Komentar menjadi gambar

Posted by TeknoBlog on Wednesday, 20 November 2013




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

Previous
« Prev Post

0 comments:

Post a Comment

iklan