Membuat Form Contact Me Sederhana di blog
Hallo sobat gondez blog, pada kali ini saya akan memberikan tutorial memasang form contact me pada blogger sobat sekalian, form ini berguna bagi blog anda, karena fungsinya berbagai macam, seperti menerima kritik dan saran terhadap blog, dan pesan pesan pribadi terhadap anda.
Pada tutorial ini pada dasarnya memanfaatkan widget blogger sendiri, yaitu widget formulir kontak, hanya saja, kita membuatnya di pos laman. Membuatnya pun cukup mudah, tidak perlu banyak kesusahan.
Biasanya form ini dibuat bebarengan dengan membuat laman privacy dan about me, form ini juga biasanya diberi judul Hubungi Kami.
Form contact me ini pentinglah ada dalam sebuah blog, karena form contact me ini selain untuk mengirim saran dan kritik terhadap pembuat blog, tetapi juga bisa media silaturahmi terhadap pemilik blog.
Memasang Form Contact Me
1. Buka Tata Letak pada dashboard blogger
Selanjutnya pilih add gadget > gadget lainya > formulir kontak
2. Buka Template > Edit HTML
Setelah menu edit HTML terbuka, carilah kode seperti dibawah ini,
<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'> <b:includable id='main'>Hapus di bagian ini</b:includable> </b:widget></b:section>
Sebenarnya pada tulisan merah hapus dibagian ini ada skrip dari form contact me dari gadget yang kita tambahkan tadi di menu tata letak, hapus saja skrip tersebut.
3. Membuat Laman Baru
Setelah itu kita membuat laman baru pada blog, pergi ke menu
Laman > Laman Baru
Copy-kan skrip dibawah ini pada menu compose laman baru yang baru anda buat
<div class='widget ContactForm' id='ContactForm1'>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p>Name<p>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<p>E-mail *</p>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<p>Message *</p>
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Submit'/>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</form>
</div>
</div>
</div>
Nah jika sudah, tinggal pasang laman tersebut anda di menu navbar ataupun yang lainya, hasil seperti diatas akan menghasilkan laman seperti ini. Selamat mencoba
Artikel keren lainnya:
Belum ada tanggapan untuk "Membuat Formulir Contact Me Yang Sederhana Di Blogspot"
Post a Comment