Showing posts with label Contact Form HTML. Show all posts
Showing posts with label Contact Form HTML. Show all posts

Saturday, December 28, 2013

Official Contact Form for Blogger! (Exclusive Post)

Undoubtedly contact form is one of the most important gadget for a website or blog. If you are blogging on Blogger platform then you know that, there is a long time Blogger.com did not had any contact form gadget for their users. But finally they have understood the importance of contact from and launched the official contact form gadget for their user. And now blogger blogging on Blogger.com platform can use their own official contact form. In this post I'm gonna show how you can add the official contact form gadget to your blog.


Earlier Blogger.com users had to rely on third party scrip or code to add contact form in their blog. I had also published a post about third party contact form for blogger. But now you no more have to rely on any third party script. In a word the official blogger contact form is excellent, but it has a limitation too. You can't use the official contact from on a static page. You can only add this contact form as a widget to your blog's sidebar, footer or any where like the other gadgets. The contact form is as like as the form shown in the image below.
contact form

The message send by this contact form will be stored in the inbox of the Gmail address associated with your blog. However let's see how to add this contact form.


Adding Blogger Official Contact Form:
  • First Sign into your Blogger Account and go to Dashboard.
  • Then click on Layout option and click Add a Gadget link, where you want to place the contact form.
Layout option of Blogger
  • Then in the gadget section click on More Gadgets option.
  • Now from the gadget list choose Contact Form New!
blogger widgets list
  • Then set a Suitable Title for the contact form and click Save.
official blogger contact form

That's it now view your blog and you will see the Contact Form appearing on your blog.


Stay with www.iTTimebd.com for more IT related Post

Tuesday, December 24, 2013

How to Add Contact Form to Website/Blog (Kontactr)

contact form
Contact form is a form through which visitors of a site contact with  the site's admin. Normally every visitor based blog or website should have Contact Page or Form in it. Not only that an standard website must have Contact Page. On the other hand if you are interested to monetize your site with Adsense then you's site should have a Contact Page with Contact Form to make it compatible with Adsense Policy. So, it is easily be understood that how much important a contact page with contact form for a site. In this post I am gonna show how you can add contact form in your site's contact page.


Also Read:

There are several way you can add contact form in your site's contact page. If your are blogging on blogger plat form then then you can add official Contact Form gadget on your blog, but to add this gadget to a specific page you need to do a few modification on that. That is why I will recommend your to use third party contact. there are several website available on internet which provide free contact from service for the website and blog. In this post I'm using Kontactr.com. Let's know something about this and also see how how to create contact from on it.


Kontactr is a one-click contact form service which lets you create contact forms on the fly. With this simple tools, its even easier to integrate the contact form into your website. The contact from that created on this site, you will be able to use on any site. But as because of the posts of this site is mainly dedicated to the blogger blogging Blogger Platform that is why I will only show how you can add the contact from to Blogger only.


Creating Contact Form on Kontactr:
  • First go to this site Contact Form.
  • Then Sign up for an account by giving required information. And confirm the confirmation mail to activate your account.
  • After activating your account, then Log into your account.
  • Now you will get the Contact Form script code in the AJAX Widget box. You can use this code directly on your site's contact page.
ajax widget code
  • But if you want to customize the form then click on Customize link.
  • Then customization the Background, Text, Text Box Background and Text Box color of the form.
ajax widget code customization
  • Once the customization is done Copy the code for your customized form. An follow the steps below to add it to your blogger blog.


Adding Contact Form to Blogger: 
  • Now Sign into your Blogger Account and go to Dashboard.
  • Then click the Pages option and click the Edit button of your Contact Page. If you don't have any contact page, the create one.
  • Then in the Page editor click on the HTML button located at left top corner.
  • Now Paste the contact form code here.
Pasting ajax widget code on contact page
  • Finally click on Update or Publish button to complete the process.

That's it, Now view your blog and visit the contact page to see the contact form.


Stay with www.iTTimesbd.com for more IT related Post