Skip to main content

How to add Contact us form to a specific page of Blogger.com

  The blogger contact form widget has some features such as working speedily (send message to email account of blog owner immediately), simple to work (no word confirmation).



1- Add contact form widget to Blog


You should add the contact form widget so that launching it on a specific page. Please omit these steps if you already have added it and who don’t added official blogger contact us widget can follow below steps.

1- Sign into your Blogger account and go to Layout option.
2- Now click on  “Add a Gadget” link and “More Gadgets”.
3- Now find “Contact form New” page element and click on it.


 4: Optionally if you want to change the title of the contact form widget, so alter it. Then click on “Save” button.

2- Hide contact us form widget in Blogger

The next work to do is hiding the official blogger contact form widget showing in the sidebar. So we have different methods to do it. One of the method is to remove the contact form html code. Although one day when you want to show it again in the sidebar, you might be confused by asking “How do I  add removed contact form widget code to my blog?”. It is easy to add or remove whenever you want to show contact us form, you just need to remove the piece of CSS code given below from  the template.

Now go to Template and click on the Edit HTML button.Then find and past paste below code just above of ]]></b:skin> code in the blogger template.

#ContactForm1
{
display: none ! important;
}

3- Add Contact form widget on a Static Page

Now we’re going to add the contact form widget to a stand-alone page. Follow below steps and make customization in the bottom of the steps.

1- Click on ‘Pages’ tab on the left hand side.
2-Now click on New page >> Blank page.



3-Switch to HTML mode and click on ‘options’ tab on the right side. Then select the “Use <br> tag” option in the Line Breaks section like below.


4-Now paste below code on the empty Edit HTML field.

<form name="contact-form">
<p></p>
Your Name:<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text" />
<p></p>
Your Email:
<span style="font-weight: bolder;color:red;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text" />
<p></p>
Your Message: <span style="font-weight: bolder;color:red;">*</span><br />
<textarea class="contact-form-email-message"  id="ContactForm1_contact-form-email-message" name="email-message" cols="25" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Send" type="button" />
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<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>
</div>
</form>

Customization
  • Change highlighted words with relevant your own words.(i.e: for Your Email,Type your Email address)
  • Replace Required message instead of red color star symbols(*)( i.e: (required) )
  • Change Send with wished text to be shown on Submit button. 
5- Last Save your static page.

Comments

  1. It is not working for ME. I tried many times but i can not receive email through my blog.
    www.alhaqtraders.blogspot.com

    ReplyDelete

Post a Comment

Popular posts from this blog

Technology Is Changing

Technology Is Changing!

Details of Alkaram Dealers in Pakistan

Al-Karam dealers in Abbotabad Bombay Cloth House: Main Bazar 099-2330769 Libaas-e-Khaas Cloth House: Jadoon Plaza, Mandiyaan 0300-9353320 Rabi Collection: Supply Bazar, Mandiyaan 099-2342422 Stylo Fabrics: Najam Plaza, Mandiyaan 0302-8107945 Al-Karam dealers in Ali Pur Aamir Cloth: Bano Bazar 0333-7679585 Al-Karam dealers in Badin Shafi Khati Cloth: 0333-2523244 Noman Cloth Store: 0346-3755590 Al-Karam dealers in Bhawalpur Karam Cloth Centre: Bhawalpur Trade Centre 062-2880212 Wahab Fabrics: AB Centre, Galla Mandi Road, Modern Town B 0300-9682564 Pasha Fabrics: Satellite Town, Commercial Area, 45-C 0300-9683429  Al-Karam dealers in Burewala Saab Jee Fabrics: Rail Bazar 067-3773355 Al-Karam dealers in Chicha Watni Arab cloth House: Main Bazar 040-5486325 Bhular Cloth House: Main Bazar Al-Karam dealers in Chistiyaan Fancy Cloth House: Main Bazar Al-Karam dealers in Dadu Raja Asad Cloth Store: 0254-612102 Al-Karam dealers in Deepalpur Mu...

Free Download Microsoft Macro Assembler (MASM 6.11)

Author :   Microsoft Email   :    None Website:    http://www.microsoft.com/ Released:    Sep 28 1993 Platform:    DOS Windows Source:      No Binaries:      Yes Summary       MASM 6.11 was the last stand-alone version of MASM available from Microsoft. Newer versions can be found "hidden" within other Microsoft products if you look hard enough. The download below includes the original install disks for MASM 6.11, along with patches to upgrade to 6.11d (last version that runs on DOS/Win16) and 6.14 (includes support for the Intel Pentium Pro processor, the Intel MMX architecture, AMD 3D Technology, and Intel Internet Streaming SIMD Extensions). Also included are the user's manuals in both Word and PDF format. Note: MASM is no longer sold by Microsoft, and the MASM executable and linker can be found in other tools available for free directly from Micros...