Widget yang satu ini dapat sobat letakkan pada halaman "Contact Us" pada blog.Widget satu ini sangat berguna untuk sarana interaksi antara penulis dan pembaca selain melalui kolom komentar.Widget buatan www.bloggertut.com menggunakan CSS yang pastinya keren.
Baiklah langkah ada dibawah :
- Tambahkan Widget Formulir Kontak bawaan blogger yang nantinya akan disembunyikan dengan CSS
2.Setelah itu buatlah halaman baru yang nantinya akan dijadikan halaman Contact Us kemudian pilih mode HTML bukan compose lalu copy kode berikut :
<div id="contact_wrap"> <h3> Hubungi Kami</h3> <form name="contact-form"> <input id="ContactForm1_contact-form-name" name="name" placeholder="Nama" size="30" type="text" value="" /> <input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Pesan" rows="5"></textarea> <input id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> <div style="max-width: 222px; text-align: center; width: 100%;"> <div id="ContactForm1_contact-form-error-message"> </div> <div id="ContactForm1_contact-form-success-message"> </div> </div> </form> </div> <style type="text/css"> /* Menyembunyikan elemen dalam postingan */ #comments, #blog-pager, .breadcrumbs, .post-footer{display:none} </style>
3.Lalu tambahkan kode CSS berikut diatas kode ]]></b:skin> atau bisa di Template- Sesuaikan-Tingkat lanjut-Tambahkan CSS
Light Mode (untuk blog dengan template cerah)