Sudah berlangganan artikel blog ini via RSS Feed?

Trik Membuat Kontak Form pada Blogspot

Anda tertarik untuk menggunakan Contact Form pada blosgpot? Untuk membuat Cotact Form pada blogspot itu tidak semudah membuat contact form di wordpress, cukup Anda mencari plugin contact form wordpress dan menginstallnya. Namun dengan barbagai cara di blogger / blogspot pun bisa kita buatkan contact form tersebut walaupun tak sebagus contact form pada wordpress. Dengan mengunakan layanan website http://www.webformdesigner.net Anda bisa membuat contact form pada blogspot.

Biasanya isi dari contact form terdiri dari nama, email, alamat website / URL, dan Message / pesan. Apabila seseorang mengisi contact form tersebut maka pesan tersebut akan terkirim ke alamat email Anda, sesuai dengan pada saat Anda mensetting email Anda ketika membuat contact form. Untuk mensetting alamat email tersebut silahkan Anda terlebih dahulu mendaftar disini, ikuti semua perintah-perintah disana dengan benar sampai Anda menerima konfirmasi dari webformdesigner.com melalui email Anda untuk Activate account.

Setelah Anda mengaktifkan account, Anda akan di kirim data berupa your password dan your Form Id, simpan data tesebut baik-baik jangan sampai ilang, Form ID tesebut berfungsi untuk menjalankan Post Actions pada contact form.

Langkah - Langkahnya sebagi berikut :
  1. Login ke Account Blogger Anda

  2. Buat Post baru untuk membuat contact form

  3. Pada saat Anda membuat Posting pilih yang Switch to Edit HTML jangan yang Compose

  4. Copas code di bawah ini ke dalam postingan blog Anda :
<form name="Contact" action="http://www.webformdesigner.net/wfd_f2.php?id=FORM ID"
method="post" enctype="application/x-www-form-urlencoded">
<p><label for="Sender">Name:</label>
<input name="formName" size="40" type="text"></p>
<label for="Mail">Email:</label>
<p><input name="formMail" size="40" type="text"></p>
<label for="Message">Message:</label>
<p><textarea name="formMsg" rows="10" cols="40"></textarea></p>
<input value="submit" type="submit">
<input name="resetBtn" value="reset" type="reset">
</form>

5. Ganti Form ID yang warna merah di atas dengan Form ID milik Anda
(ex : ugC85Ae11V )

Silahkan Anda lihat hasilnya seperti contact form di bawah ini:








0 comments:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Mau Tukar Link? Copy/paste code HTML berikut ke blog anda

Tips & Tutorial