Tips Blogger | Cara memberi background pada form kotak komentar Blogspot

Cara memberi background pada form kotak komentar sebenarnya sudah banyak di posting oleh para sobat Blogger, namun di sini saya hanya ingin memajangnya kembali. Siapa tahu ada dari sobat-sobat Blogger junior seperti saya yang lagi memerlukan Tips ini.

Menurut sumbernya yang saya baca dari Blog-nya Bu Guru, ada dua cara untuk menambahkan background di form kotak komentar, namun kali ini saya hanya mempostingnya satu saja, yakni cara yang paling mudah dan sederhana.

Nanti jika sobat udah sukses melakukannya pada Blog sobat, maka hasilnya akan terlihat seperti gambar screenshot di bawah ini, atau lihat di kotak komentar Blog ini.


Mari kita mulai :

1). Pertama-tama login ke Blogger menggunakan akun yang kamu punya! Setelah masuk di Dashbord klik pada Perancang template (kalau dulu namanya Tata letak) ==> Edit HTML lalu beri tanda contreng pada Expand Template Widget.

2). Demi keamanan biasakan Backup terlebih dahulu keseluruhan script template Blog kamu.

3). Cari dan temukan kode di bawah ini :

<div class='comment-form'>

4). Setelah ketemu ganti dengan kode di bawah ini :

<div id='mGm-form'>

5). Nah setelah yang di atas beres, selanjutnya cari dan temukan kode di bawah ini :

]]></b:skin>

6). Letakkan kode di bawah ini tepat diatas kode ]]></b:skin>

#mGm-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_fcgeF0HuMFa1XtzMeZ-9lXOaecJfipAmyYvbFMW7xQAOZzanediNJ3PQy4PU44cSIM-SguiXW03qlBYDI7fR8ENQ9vZ5H0vQmLervJUHEEcfc1AMRFdKnMnnp4rl-z5sESSds0PmoY8/s320/385512.jpg) ;
border:7px solid #9999FF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#mGm-form iframe:hover{
background:#000000 url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_t227107477_72238_7.gif);
border:7px solid #999FFF;
}
#mGm-form a{
color:#7EB2AC;
}

7). Kemudian terakhir simpan template Blog kamu dan lihat perubahannya!

Artikel Terkait:

Languages :