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:

Tips

• Ponsel HTC One 802 D saya yang sudah mati suri selama 5 hari akhirnya bisa hidup kembali Dengan Shuame
• Konversi File Ppt ke Video Dengan Xilisoft PowerPoint to Video Converter
• Tips Blogger | Memasang Spoiler Di Blog
• Tips Blogger | Membuat Blockquote Sederhana Di Blog
• Tips Blogger | Memasang Widget Menu Tab View Tiga Kolom Di Sidebar
• Tips Blogger | Cara Membuat Widget Artikel Terkait (Related Posts)Dengan Fungsi Scroll
• Tips Blogger | Pasang Widget Encoder HTML di Blog
• Tips Blogger | Pasang Huruf Besar Di Awal Postingan
• Tips Blogger | Widget Recent Comments Dengan Summary Post Untuk Blogspot
• Tips Blogger | Memasang Widget Recent Posts Dengan Fungsi Sliding Di Blog

Languages :