Skip to content Skip to sidebar Skip to footer

Widget HTML #1

Cara membuat contact form pada halaman statis untuk template linkmagz

himang.my.id - Hallo teman-teman kembali lagi ni dengan saya diblog himang.my.id, kali ini saya ingin berbagi sedikit Cara membuat contact form pada halaman statis untuk template  linkmagz. 

Cara membuat contact form pada halaman statis untuk template  linkmagz

Pada postingan yang saya akan membahas cara membuat contact form pada halaman statis untuk template linkmagz.

Disini saya akan memberikan tutorial cara pembuatan contact form tersebut, tapi sebelum itu pastikan anda mempunyai template linkmagznya terlebih dahulu.

Karena model dari contact form ini sangat direkomendasikan untuk template tersebut. Jika untuk template lain memang masih bisa berfungsi.

Namun untuk modelnya kemungkinan nanti akan berbeda bahkan mungkin juga akan sedikit berantakan sehingga tidak saya rekomendasikan.

Tapi apabila ada yang mau mencobanya di template lain selain template linkmagz untuk alasan ber eksperimen/coba-coba why not.


Oke langsung saja ke tutorial pembuatannya.

  1. Masuk ke blogger.
  2. Silahkan buat Page/Halaman baru untuk membuat halaman contact.
  3. Beri judul halaman dengan judul "contact me/contact/kontak saya" terserah anda, setelah itu pada menu halaman editor blogger pilih mode edit HTML.
  4. Copy semua kode script di bawah dan masukkan ke dalam mode edit

Kode script dan demonya ada di paragraf bawah.

Apabila anda mengikuti tutorial di atas dengan benar saya yakin tidak akan terjadi error, contact formnya akan berfungsi dengan baik dan siap untuk di pakai.

Untuk jaga-jaga agar tidak terjadi error, lakukan proses edit di Notepad terlebih dahulu. 

Setelah selesai baru salin ke editor blogger  tanpa mengubah apapun lagi, preview terlebih dahulu kalau sudah oke langsung terbitkan.

Copy saja semua kode dibawah ini dan lakukan seperti perintah diatas.

<div class="contact-form-widget"> 
	<form name="contact-form"> 
		<span class="ctitles">Nama :</span> 
		<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /> 
		<span class="ctitles">Alamat Email <span class="swajib">*</span> :</span> 
		<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" /> 
		<span class="ctitles">Isi Pesan <span class="swajib">*</span> :</span> 
		<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea> 
		<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> 
		<br /> 
		<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> 
		</div> 
		<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> 
		</div> 
	</form> 
</div> 
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script> 


DEMO


Untuk script contact form template linkmagz berlaku juga untuk template buatan mas sugeng yang lainnya seperti template viotoko dan template viomagz.

Oke mungkin itu saja tutorial yang dapat saya sampaikan kepada anda sobat blogger, semoga tutorial singkat ini dapat bermanfaat untuk kegiatan blogger kalian.

 Apabila masih ada yang belum paham dengan tutorial di atas, jangan sungkan untuk bertanya.

  

Terima kasih Sudah Berkunjung

Post a Comment for "Cara membuat contact form pada halaman statis untuk template linkmagz"