Cara merubah Background Komentar menjadi gambar

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/AVvXsEjZ6lTu0R7KrgDyKMYuzvWowUAARpx9FtWehvVUBhJAkFF-85yaeFzQO5ZPqEKnTd5jztgwM82nUKf9ld4DcXzb58jSVwm6jb1IvkLjoYhF_tfraEZzKcqHbzZQ8TAlHloAqylTZUdeAWIB/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/AVvXsEjVYbvY3y_GjZT26230G-rnYYX8q98YncbdNSRFAoGydITWGVKekaQ5az39yrk-oqLBY4N4lrjWIkrO4BaDzlloZ8R3rn1IV6Sv_-1g1HjrfYictp9s3t4qzXu2poYbEhFfwNKjLR1bbRs/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

Related Posts: