Tutorials For Beginner

  1. How to start a blog
  2. Blog Setting
  3. How to changing template
  4. Make a Post Summary (Read more)
  5. Blog Comment send to @mail
  6. Adding search engine to blog
  7. Making a drop down menu
  8. Add google talk to blog (1)
  9. Making a News Paper Style Drop Caps
  10. Adding Recent Post & Recent Comments
  11. Adding Yahoo!Massenger icon
  12. Adding Google talk (2)
  13. Adding yahoo! Massenger Emoticons (1)
  14. Fix error "Widget IDs should be unique"
  15. Making a Table of Content
  16. Adding shoutbox
  17. Adding user online tracker
  18. Adding Statistic & tracker
  19. Adding digg button to post page
  20. Upload image to image hosting
  21. Making a Logo and image button
  22. Adding Favicon to URL address
  23. Adding a Clock to blog
  24. Removing the number of label
  25. Making drop down menu with same width
  26. Making a marquee effect
  27. Adding Video from YouTube to blog
  28. Install Onion Emoticons to post editor
  29. Changing width of shoutbox
  30. Making Dtree menu at blog
  31. Making animation photo
  32. Split header became 2 column
  33. How to adding aphoto to blogger
  34. google pages : free file hosting from google
  35. Free tool : HTML Color V1.4
  36. Blogger Archives Dropdown Menu At Classic Template
  37. Free SEO : Search Engine Optimization Made Easy
  38. Adding Live Treaffic Tracking Tool to blog
  39. Adding image beside post title
  40. Install More-Smiles to post editor
  41. Add online game to blog
  42. Built your readers commuity with mybloglog
  43. Add prayer times widget to blog
  44. Free Tool : Scott box shot maker 2.0
  45. New feature from blogger.com
  46. Embedded comment from under post
  47. Adding image banner to your header blog
  48. Save widget below of the header
  49. How to make Element below of the header
  50. Tips to add column on new blogger layout
  51. Tips to make multi column on blogge template
  52. Google bookmark
  53. Blogger features
  54. How to make a link into colorful winks
  55. Change the width of the drop down archive
  56. How to make blur effect in the photo or image
  57. Ziddu.com : free unlimitted file hosting
  58. Making left and right sidebar
  59. Knowing frame order
  60. Who link to my blog
  61. adding smiley in shoutbox
  62. Tips to delete image border
  63. Making label cloud in new blogger
  64. Navigation tutorial: Dynamic-FX Slide-In Menu (v 6.5)
  65. Making scroll in page elements
  66. Making contact form
  67. Making label in dropdown menu
  68. Tips to delete the message of blogger search result
  69. How to register in search engines
  70. Making post summary at classic template
  71. Making text area
  72. Making read more plus title of article
  73. Making writing with web 2.0 style online
  74. How to modify Comment form
  75. How to change width of template
  76. Add real time technorati rank widget in blog
  77. Add google Toolbar
  78. Add alert Script in blog
  79. make random header banners
  80. Let’s enjoy blogging with Window Live Writer
  81. Question and Answer about Windows Live Writer (WLW)
  82. Make Column above Posting Column in Magazine template 2
  83. Make Column under Header in Magazine Template 2
  84. Free Software: PHP and html Editor
  85. What is Alexa Rank?
  86. Tutorial on adding Alexa Widget in Blog
  87. Free Icons For Website and Weblog
  88. Add Yahoo! Buzz Button in Blogger Template
  89. Showing Top Commentators in Blogger
  90. BlogUpp! : Alternative to look for the traffic
  91. Google pages is closed
  92. tutorial on making horizontal navigation
  93. Fix favicon not appear
  94. Migrate from classic template to New template
  95. What is social bookmarking site
  96. Making blog in magazine style template
  97. How to hide blogger navbar
  98. Add related post widget to blog
  99. Incresing visitors with meta tag
  100. Make slide show tab view menu
  101. Zoom effect With Fancy Zoom Script
  102. Adding Featured Content in Blogger
  103. Hiding Older Post and Newer Post Link
  104. HTML code appears in posting
  105. Images in Marquee Code
  106. Add Flash Label Widget in Blog
  107. Making Different Posting Background
  108. Placing Google Adsense Under The Posting
  109. Showing Special Characters in Blog
  110. WordPress Plug in – PHP Contact Form v.2.0WP
  111. Free Tool – CSS Menu Generator
  112. Free Tool – CSS Tab Designer
  113. Add Image Always On top In Blog
  114. Add Stript ad in blogspot
  115. PhotoShop Tutorial – basic technique of slicing
  116. Sign up in feedburner
  117. Installing the result code of CSS Menu Generator
  118. Adding Link Exchanging Code
  119. How to make "breadcrumb-navigation" in Blogger
  120. How to change Older Post and Newer Post link
  121. Navigation Page For Blogger
  122. How to reset Blogger Template
  123. Micro blogging with Twitter
  124. How to install twitter widget
  125. Sending twitter message with twithbin
  126. Promote your blog with twithbin
  127. CSS Ply: CSS menu Resource
  128. Adsense Tips: Maximize usage of channel
  129. Photoshop Tutorial: Basic technic to Create a Frame
  130. How to shorten link with TinyURL
  131. Installing google translate widget (1)
  132. Installing google translate widget (2)
  133. Make Firefox faster with Tweak network
  134. Customizing tool button at internet browsing
  135. Wordpress Plugin: Wordpress Database Backup
  136. Tips for fast Download in Ziddu.com
  137. Why my blog loads very slowly?
  138. Use Google Analytics to analyze your blog
  139. Make your blog as an online store with simplecart (js) + Paypal
  140. XML-RPC Ping Service List
  141. Some tips how to fix Error in Blogger
  142. Wordpress Plugin : Wordpress Automatic upgrade
  143. Ping Your Blog with Ping That Blog
  144. How to include Signature at the end of post
  145. How to create Free Advertisement Blog in Blogger
  146. Social Bookmarking Button Widget Simple But Powerful
  147. Download 3D Picture Software from Google SketchUp
  148. Log in to Yahoo! Messenger with multi account within the same time
  149. Free Social Bookmarking Script
  150. Download Google Earth 5.0
  151. SEO Tip: Customizing Blogger Meta Tag Title
  152. Creating private blog in Blogger
  153. Get Free Domain From Co.CC
  154. Get Free Dollars from Co.CC
  155. How to set up Co.CC domain for Blogger
  156. Google Adsense – Ads Custom Font
  157. Wordpress plugin - Wp-Syntax
  158. 101 Tips On Search Engine Optimization
  159. Free File Hosting
  160. Privacy Policy Creator for Google Adsense
  161. Optimizing Meta Tag for Blogger
  162. Free JavaScript Host
  163. Yahoo Messenger Status Detector
  164. Free Download Photoshop Brush
  165. Commenter Link opened in a new window
  166. IP Address Blocker
  167. Installing Step carousel Viewer in blogspot
  168. Rapidlibrary – Rapidshare Search Engine
  169. Windows 7 Release Candidate
  170. Photoshop Tutorial Resources
  171. Admin’s comment in different background
  172. making Text area With Auto highlight Mouse Over
  173. Adding the icon at Twitter Update
  174. Activating the blur effect on the magazine template R.1.4
  175. Wordpress Plugin: SexyBookmarks4
  176. Free Emoticon from addemoticons.com
  177. Making Flipped Text (Writing Upside Down)
  178. Download Counter for Blogger
  179. SEO is Competition
  180. Bing : New Search Engine From Microsoft
  181. How to delete number on archive
  182. Understanding Domain and Hosting
  183. Tips to buy domain
  184. FaceBook Username
  185. Search for dollars through InfoLinks
  186. Wordpress : Wp-DownloadManager Plugin
  187. How to place your blog feed address into Facebook
  188. Wordpress: All in One Adsense and YPN
  189. Google Adsense: Ads Custom Font Size
  190. Creating FAQs page with Simple Dropdown Script
  191. Be careful in transferring funds in Paypal
  192. How to create a template located in the middle
  193. Wordpress Plugin : WP-UserOnline
  194. Wordpress Plugin : WP e-Commerce
  195. New Feature in Google Translate
  196. Free Wordpress e-Commerce Theme : Crafty Cart
  197. Wordpress Plugin: Yet Another Related Posts Plugin
  198. bit.ly, a simple url shortener
  199. Tips to change the template without deleting the Widgets
  200. How to Upload Magazine Template R.1.5
  201. Missing Widgets? Use Google Cache!
  202. How to create the running text / marquee on magazine template R.1.5
  203. How to Change ID of facebook and Twitter on magazine template R.1.5

Monday, September 8, 2008

Making a contact form

contact-form A few days a go, after Kang Rohman wrote about Contact Us in this blog, there are many e-mails that ask on how to make a contact form like this blog’s contact form. Hmmm..do I still remember it? I think I forget because I didn’t write the steps when I was making it. Well, readers, just a minute and let me remember it ok clip_image001

Before adding the contact form in your blog, it is better for you to consider the good things and bad things of adding the contact form. One of the good things of adding contact form is to ease the visitors to send you e-mails. And the bad things about it are people or your visitors are easy to send you e-mails. The consequence is that you have to be ready to receive a lot of e-mails in your inbox and spare your time to answer their e-mails, right? In this opportunity, Kang Rohman also would like to say sorry if Kang Rohman haven’t been able to respond your emails because Kang Rohman don’t have much time to respond all emails in Kang Rohman inbox.

Where can we gat Contact Form? In the Internet, there are many websites that give this facilities. Some websites give free facilities but some give free facilities. And as a future fortune teller, Kang Rohman knows that you want the free one, don’t you?

The free contact form can be found in http://www.emailmeform.com, http://kontactr.com, http://www.zoho.com and many others. The contact form of this blog is taken from http://www.emailmeform.com, so I will give the tutorial about the contact from this web.

And below are the steps to make the contact form:

  1. Please, visit http://www.emailmeform.com.
  2. Drop your eyes to the right side of the monitor
  3.  Click Sign up for free
  4. Fill the form available with your personal data:

    First Name : » fill with your first name, example : jaka.

    Last Name  : » fill with your last name, example : tingkir.

    Username   : » fill with your user name. example : jaka25.

    Password    : » fill with your username, example : juralitjungkel.

    Retype Password : » fill with your username again, example: juralitjungkel.

    Your Email  : » fill with your email, example: jakatingkir25@yahoo.com.

  5. Click Sign up.

  6. Website will thank for using their facilities and ask you to check your e-mail you use when signing up for e-mail verification.

  7. Open your e-mail from EmailMeForm. The email shows your new account information.

  8. Click the link given or copy the URL to the address bar browser internet to verify that it is your email.

  9. After the verification process, click the writing click here to go to your control panel account.

  10. Drop your attention to the right side of the monitor and click Create new form.

  11. Here, you should fill in some forms

    Web form Name : » fill with your name, or ignore it (it is already Contact Webmaster).

    Recipients Emails : » fill with the e-mail which will receive the messages.

    Spam Email address : » fill with the e-mail which will receive spam e-mail (junk, ads e-mails or others) or just let it blank if you don’t want to receive spam e-mails.

    Thank you page : » fill with URL address that will contain “Thank You”, example; click this post to see the sample or just write your blog URL if you are confused.

    Number of fields : » don’t change, just keep it 4.

  12. Click next on the right of the web

  13. You should change some filed names as you want, such as; your name becomes Nama, your e-mail address becomes alamat e-mail, etc. Or you can keep them original.

  14. Click next on the right of the web

  15. Click next again

  16. Please fill with your interest ( wow..it is tiring to explain this one) or skip it.

  17. Click next again

  18. Click next again

  19. The web will show the sample of contact form that you have made.

  20. Click finish

  21. Click Get the HTML codes

  22. Copy the code in text area, under the writing Copy and paste this HTML code into your page. The paste them into notepad or other text editors.

  23. finish

To make a contact form, you only need to make a new post as usual, change from compose menu into HTML menu, then paste the code of EmailMeForm you save in notepad or other text editors and finally click publish. That’s it. Now, you have Contact Form in your blog. 

Good luck, my readers!

Save and Share!
Stumble Digg Tweet Save Reddit More

0 Comments:


Post a Comment

Comments in moderation due to spam reasons