Add Contact Form To Blogger Pages - Responsive and Pro Version

SHARE
Add Blogger Contact Form to Separate Page
Blogger users were gifted back in 2013 when official Blogger Contact form widget was introduced along with other awesome features in blogger dashboard.

We got a huge pain relief from using other third party contact form widgets.

Soon after it was released, many awesome developers customized it with their CSS abilities and gave it a new fresh look on their blogs and offered the same for other blogger users.

Every other blogger has his/her own choices and many did not like it to appear into sidebar or footer as a gadget but they wanted it to install into a separate page of blogger like as WordPress.


I have also written a detailed post on it about How to Add Blogger Contact Form to Separate Page on Blogger. You'l find it a complete step by step guide if it is the first time you're using this contact form widget on a separate page of your blog. You'll find all other major questions answered in my previous article regarding blogger contact form not working.

So what is so special in today's article you ask?

Well, in my previous article about it, I had customized this form but it was not a pro version at all. But when I looked into my posts area then I got to know that this is one of the most visited articles on my blog.

Then I thought to re-design it from scratch again and make it Professional Looking contact form widget.

All in all, I am happy with the final design and before making it a final copy, I asked my best buddies for their Feedback on its design from time to time. I changed it accordingly many times until they marked it a Professional looking. :) 

Features of new contact form widget design:

1) Fully Responsive Design

2) Designed with pure CSS

3) FontAwesome Icons Integration

4) Professional Looking

5) Center Screen

So I hope you guys would love to use it on your blogs. Below is the Demo Screenshot of it and for Live demo, just visit my contact page here.


Professional Blogger Contact Form Demo


Did you like the above design? Can we call it a professional version? If yes then here is how to use it on your own blog now. :)

I always share my widgets with everyone and use the same on my blog, No partiality! Except the Template itself. :) But I am working on it and soon I'll release my first blogger template too (hopefully better then my own).

Adding Blogger Contact Form To A Separate Page

Step 1) This step is for those who have not installed the blogger Contact form widget from Blogger Library first. I hope you're already logged into your blogger account so now head over to Layout area of your blog and click on Add a Gadget link into sidebar or footer. Now click on More Gadgets link and add the contact form from there. See the screenshot below for step by step procedure.

How to a Create New Page on Blogger and Add Contact Form


Step 2) After adding the contact form into sidebar, now we will hide it from appearing as a gadget so now just head over to Template section of your blog then click on Edit HTML button. After that just find out this code line ]]></b:skin> and just before that code line, paste the CSS code given below as it is.

div#ContactForm1 {
    display: none !important;
}

As you know that we are using the FontAwesome Icons and if you're not using them already on your blog, then you got to install them first otherwise those icons will not appear as shown in the demo screenshot above.

Step 3) To add the FontAwesome icons in your template, just find out this opening tag <head> (found in the beginning part of your template code) and just below that, paste the FontAwesome icons' CSS link given below as it is.

<link href='http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css' rel='stylesheet'/>
Now save your template code because you're done with it.

Step 4) Now we will add the contact form to a separate page of our blog. If you already have a separate page for contact form and using a contact form already then you need not to create a new page. But if this is the first time then got to Pages link and on top, click on New Page link.

Note:- When blogger post editor is loaded then immediately before doing anything else, just enter your page name in the title box as Contact Us. This is the most important step because you'll get the same permalink address for your new page. You'll not be able to edit your permalink in anyway later.
If you skipped this and entered the codes first then you'll get a weird permalink address for contact us page.

After that Switch to HTML Mode and change the page settings from left side as shown in the screenshot below.



Step 5) You're almost done by now and all you need is simple Copy and Paste the code. So just select the whole CSS and HTML code given below and paste into HTML Editor as it is.

(Important Note:- You don't have permission to copy and share my codes on your blog in any way. Respect the hard work of others'. I have put a lot of efforts into designing it and you can see that by looking at the CSS Code itself)

CSS Part:-
<style>
/****** Contact Form Designed by www.TwistBlogger.com ******/
div#twist_blogger_cntct_form {
    padding: 50px 0px;
    border-radius: 2px;
    color: #1D1D1D;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    background-color: #404040;
    font-family: sans-serif;
}
div#twist_blogger_cntct_form .wrap-me {
    margin: 0 auto;
    display: block;
    padding: 30px 20px;
    background-color: #F3F3F3;
    max-width: 440px;
    width: 100% !important;
    border-top: 65px solid #FF0000;
    box-sizing: border-box;
}
div#twist_blogger_cntct_form .wrap-me:before {
    content: '\f0e0';
    position: absolute;
    font-family: FontAwesome;
    font-weight: normal;
    margin-top: -88px;
    margin-left: -23px;
    left: 50%;
    display: inline-block;
    font-size: 28px;
    width: 53px;
    height: 53px;
    border-radius: 50px;
    text-align: center;
    color: #FFFFFF;
    box-sizing: border-box;
    border: 2px solid #FFFFFF;
    line-height: 49px;
}
input#ContactForm1_contact-form-name, #ContactForm1_contact-form-email, #ContactForm1_contact-form-email:hover, #ContactForm1_contact-form-email:active {
    padding: 5px;
    margin-top: 4px !important;
    box-shadow: none!Important;
    max-width: 300px;
    width: 100%;
    border: 1px solid #D2D2D2;
    line-height: 1em;
    min-height: 31px;
    background: #FEFEFE;
    font-family: sans-serif;
    margin-bottom: 15px;
    border-radius: 0px;
}
.contact-form-email-message, .contact-form-email-message:active, .contact-form-email-message:hover {
    padding: 5px;
    margin-top: 4px !important;
    box-shadow: none!Important;
    max-width: 400px;
    width: 100%;
    border: 1px solid #D2D2D2;
    line-height: 1em;
    min-height: 80px;
    background: #FEFEFE;
    font-family: sans-serif;
    margin-bottom: 10px;
    border-radius: 0px;
}
/***** Focus *****/
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus {
    outline: none;
    background: #FFFFFF !important;
    color: #444;
    border-color: rgb(236, 235, 235) !important;
    box-shadow: 0 0 5px rgba(241, 241, 241, 0.7) !important;
    transition: all 0.3s ease-in-out !important;
}
/**** Submit button style ****/
.contact-form-button-submit:hover {
    color: #FFFFFF;
    background: #0083FF !important;
}
.contact-form-button-submit {
    background: #19B3EA;
    display: table;
    font-size: 17px;
    margin: 0 !important;
    border-radius: 0 !important;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    height: 32px;
    line-height: 0.5em;
    letter-spacing: 0.5px;
    font-family: sans-serif;
    font-weight: normal;
    cursor: pointer;
    outline: none!important;
    color: #FFFFFF;
    border: 1px solid #fff !important;
    text-align: center;
    padding: 0px 0px 0px 15px;
    text-transform: capitalize;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
}
/**** Submit button on Focus ****/
.contact-form-button-submit:focus, .contact-form-button-submit.focus {
  border-color: #FFFFFF;
  box-shadow: none !important;
}
/**** Error message ****/
.contact-form-error-message-with-border .contact-form-success-message {
  background: #f9edbe;
  border: 1px solid #f0c36d;
  bottom: 0;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  color: #666;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 19px;
  margin-left: 0;
  opacity: 1;
  position: static;
  text-align: center;
}
/**** Submit Button On Success Message ****/
.contact-form-button-submit.disabled, .contact-form-button-submit.disabled:hover, .contact-form-button-submit.disabled:active {
    opacity: 0.9;
}
/****** Success Message *****/
.contact-form-error-message-with-border {
    background: #000000;
    border: 1px solid #5A5A5A;
    bottom: 0;
    box-shadow: none;
    color: #FDFDFD;
    font-size: 15px;
    font-weight: normal;
    line-height: 35px;
    margin-left: 0;
    opacity: 1;
    position: static;
    text-align: center;
    height: 35px;
    margin-top: 45px;
}
.contact-form-cross {
    height: 14px;
    margin: 5px;
    vertical-align: -8.5%;
    float: right;
    width: 14px;
    border-radius: 50px;
    border: 0 !important;
    cursor: pointer;
}
.contact-form-success-message-with-border {
    font-weight: normal;
    background-color: #000;
    border: 1px solid #FFF;
    color: #FFF;
    line-height: 35px;
    margin-left: 0;
    font-size: 13px;
    opacity: 1;
    position: static;
    text-align: center;
    height: 35px;
    margin-top: 45px;
}
/* Extra Stuff */
div#twist_blogger_cntct_form span.name-bg {
    background-color: #E8F2FF;
 }
div#twist_blogger_cntct_form span.email-bg {
    background-color: #FFE8E8;
}
div#twist_blogger_cntct_form span.name-bg, div#twist_blogger_cntct_form span.email-bg {
    display: inline-block;
    max-width: 300px;
    line-height: 21px;
    width: 100%;
    color: #696969;
    padding: 3px 5px;
    margin: 0px 0px 4px;
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #E4E0E0;
    padding-left: 39px;
}
div#twist_blogger_cntct_form span.name-bg:before {
    content: '\f007';
    background-color: #60A2FF;
 }
div#twist_blogger_cntct_form span.email-bg:before {
    content: '\f1fa ';
    background-color: #FF530B;
}
div#twist_blogger_cntct_form span.name-bg:before, div#twist_blogger_cntct_form span.email-bg:before, div#twist_blogger_cntct_form span.message-bg:before {
    font-family: FontAwesome;
    text-align: center;
    margin: -4px 0 0px 0px;
    font-weight: normal;
    padding: 0;
    line-height: 27px;
    width: 28px;
    height: 28px;
    display: table;
    position: absolute;
    margin-left: -40px !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0 !important;
    color: #FFFFFF;
}
div#twist_blogger_cntct_form span.message-bg {
    background-color: #EBFFE8;
    display: inline-block;
    max-width: 400px;
    line-height: 21px;
    width: 100%;
    color: #696969;
    padding: 3px 5px;
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #E4E0E0;
    padding-left: 39px;
    margin: 0px 0px 4px;
}
div#twist_blogger_cntct_form span.message-bg:before {
    content: '\f0e0';
    background-color: #20CC00;
}
div#twist_blogger_cntct_form span.send-bg {
    height: 32px;
    display: inline-block;
    float: left;
    max-width: 45%;
    width: 100%;
    margin-top: 15px;
    transition: all 0.4s ease-in-out !important;
}
div#twist_blogger_cntct_form span.send-bg:before {
    content: '\f1d8';
 }
div#twist_blogger_cntct_form span.send-bg:before, div#twist_blogger_cntct_form span.clear-bg:before {
    font-family: FontAwesome;
    text-align: center;
    font-weight: normal;
    margin: 0;
    background-color: #000;
    padding: 0;
    line-height: 27px;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    border: 1px solid #fff;
    border-right: 0 !important;
    color: #FFFFFF;
}
div#twist_blogger_cntct_form span.clear-bg {
    display: inline-block;
    float: right;
    margin-top: 15px;
    max-width: 45%;
    width: 100%;
}
div#twist_blogger_cntct_form span.clear-bg:before {
    content: '\f021';
 }

input.contact-form-button.contact-form-button-submit.clear-button:hover {
    background-color: #E83434 !important;
}
div#twist_blogger_cntct_form .clear-button {
    color: #FFFFFF;
    border: 1px solid #FFF !important;
    background-color: #FF2C2C;
    float: right;
    display: table;
    height: 32px;
}
</style>

HTML Part:-

<div id="twist_blogger_cntct_form">
<div class="wrap-me">
<form name="contact-form">
<span class='name-bg'>Your Name</span><br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Enter your name here..." size="30" type="text" value="" /><br />
<br />
<span class='email-bg'>Your Email*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Enter your email here..." size="30" type="text" value="" /><br />
<br />
<span class='message-bg'>Your Message*</span><br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Write your message here..." rows="5"></textarea><br />
<span class='send-bg'><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" /></span>
<span class='clear-bg'><input class='contact-form-button contact-form-button-submit clear-button' type='reset' value='Clear'/></span>
<br />
<div style="max-width: 100%; text-align: center; width: 100%;">
<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>
</div>
</form>
<br />
</div>
</div>
Now just hit Publish button buddy.  Finished? We did it! Yay! :) Now just visit your contact us page and see it live yourself. I hope it was a super easy to follow tut and I made clear all the things.

Still if you have some problems then please let me know, I'll help you for sure. I hope you guys liked this new look of blogger contact us form widget in a separate page of your blog.

Recommended:- How to Create Landing Pages on Blogger

If you have little time then you may share this article. :)

Thanks and Stay Blessed!
Author

Article By: Satbir Patial

I manage this blog and post tutorials related to Blogger, SEO, Plugins, Widgets, Software Tools, CSS/HTML and Social Media. Did you find this blog helpful? Would You Please Socialize? Thanks for Your Support Buddy :)


Stay connected, You'll not be disappointed!

82 Replies so far - Join Conversation

  1. Bro..was waiting eagerly for this thing.. Thanks a lot !!!

    ReplyDelete
    Replies
    1. Invictus :: You're welcome! And Thanks a lot for the feedback on its design buddy :)

      Delete
  2. About installing it on my blog..... :)

    ReplyDelete
    Replies
    1. Abalogu :: Cool :) Let me know if anything goes wrong..!!

      Delete
  3. you always do your best work that always different from others and this thing I really like

    ReplyDelete
    Replies
    1. Tariq Aziz :: Thank you so much buddy, am so happy to hear it from you. :) Thanks for your support!

      Delete
  4. It worked like magic bro, thanks a lot...

    ReplyDelete
    Replies
    1. Akuneme :: Happy to see you there buddy :) and thanks a lot for your feedback :D

      Delete
  5. Hi Satbir,

    I love that innovative contact form. I am sure Blogger users would love to have it on their blogs. Good job with the coding and everything else.

    Thanks, keep rocking as always.

    Rohan.

    ReplyDelete
    Replies
    1. Rohan :: Thanks a lot buddy :)

      Delete
  6. when you click the send button where does the message go?
    when Iclick Mine it doesnt do anything

    ReplyDelete
    Replies
    1. Wesley :: hello buddy,

      Case 1) When you click on send button, and nothing happens (no success message get displayed below the button) then it means you forgot to add the contact widget from layout area first. So id this is the case then just make sure you followed the step 1 and step 2.

      Case 2) If you receive the success message and send button is working properly then those messages will be sent to your email account which is associated with your blogger account. And if you do not receive those messages then please just remove the contact form widget from layout area and then add it again. Hope it helps.

      Regards!

      Delete
    2. Thanks I realized that later thanks

      Delete
  7. Thank you so much! I tried other tutorials, but something wasn't working in them -- yours worked the first time! I love it. You're amazing.

    Thank You!

    ReplyDelete
    Replies
    1. Abdullah Malik :: Happy for you brother :) and thanks a lot for your kind words and feedback, they mean a lot to me.

      Regards!

      Delete
    2. Its my moral duty to encourage you,so that you continue blogging.

      Thank You,Best Regards

      Delete
  8. Dear, do a tutorial for blogger menu tabs as well.

    ReplyDelete
    Replies
    1. Khawaja :: A Brand New Template is Coming Out Very Soon. Stay Tuned Buddy :)

      Delete
  9. Hello, thank you for great job,
    My issue is Send and Clear botton not correctly, how do I fix them.
    https://lh3.googleusercontent.com/-55rBZSB0ZNk/Vgtpu__Z-WI/AAAAAAAAYsM/LGJ3IqWEI9k/s0/lv071.jpg

    ReplyDelete
    Replies
    1. Hello, This is Mr. Invictus, New Contributor On Twist Blogger !!!

      Here is the Solution for your problem :

      >> First you need to add Contact us Widget in your blogger layout for this to work.

      >> If you want to hide that contact us widget from main page and other pages,add following CSS Code to your template just above ]]>

      div#ContactForm1 {
      display: none !important;
      }


      Thanks !!! Let me know if it worked or not ...

      Delete
    2. Hello Invictus Haxor
      Thank you for your reply, Contact working but the "Send" button seem to be wrong. Please help me fix it. http://www.echinese.info/p/contact-us.html

      Delete
    3. I tried on using that send button and it is working fine for me.. The sent message will be in the email associated with blogger. Further,if you are not able to solve the problem,kindly remove the contact us widget from layout and try to insert it again.

      Thanks,
      Mr. Invictus

      Delete
  10. Nice one there my brother. tried on my games & softwares niche.. working flawlessly and awesome. Expecting more from you.

    ReplyDelete
  11. Hello Man, I have a problem, when I open the Page this opens your site :O

    ReplyDelete
  12. when click on the send button nothing will be happen....what to do ...



    www.techmash.in

    ReplyDelete
  13. Hi Satbir,

    I have an issue, when I add this contact form, all my widgets are hidden and not just only contactform widget.

    Do you have an idea ?

    ReplyDelete
  14. Hi again,

    I tested again and can use your contact form and my existing widgets by remvin the below part from the CSS code :

    .sidebar, #footer-wrapper, #blog-pager, h2.post-title, .comments {
    display: none !important;
    }

    ReplyDelete
    Replies
    1. Damien :: Buddy I used above CSS code to hide the sidebar and other unwanted widgets on contact page to make neat and clean an you can see my contact page. They will be hidden on contact page only. But if someone don't want to hide them then just by removing that CSS code you are good to go with.

      Delete
  15. Hello, thank you for this awesome post, I am unable to get this tutorail to work for me, plus the contact form is present as if the hide line doesn't work. I am using a custom domain and a custom template.
    Muaad.com.ly

    ReplyDelete
    Replies
    1. Muaad :: Hi,
      I checked your Contact page. Design was little messed up because of your templates CSS code and I have now updated my CSS code accordingly so now please remove the old CSS code and use the updated code.

      When clicking on send button, nothing happens. You just forgot to add the contact form widget from your layout area first so please follow the Step 1 and Step 2 carefully.

      Regards!

      Delete
    2. Thank you so much for the speedy reply. I added the updated CSS code to the contact page, and I'm pretty sure I added the Contact Form to the side bar.
      Still the button doesn't send. Sigh!

      Delete
    3. It worked and sent the message on another blog of mine, but the message wasn't delivered to my inbox.

      Delete
    4. Muaad :: This is a common problem with blogger's contact form widget and no one has the perfect solution. But most of the time it starts working when we remove the contact form widget from layout area and then add it again.

      I hope it will work for you too.

      Regards!

      Delete
    5. Did it, didn't work!
      Thanks man, I appreciate it!

      Delete
  16. Hi,

    First of all, I'd like to thank you for taking the time to create this from scratch. It works perfectly on my blog, save that my pages bar on the top of the Contact page disappeared. How may I fix this?

    Here's a link to my site: http://yukigosdiary.blogspot.my/p/contact-yukigo.html

    ReplyDelete
    Replies
    1. Angelus L :: I have highlighted the CSS code in Yellow color which is liable to hide those elements on Contact page. I added this code to make contact page neat and clean. If you don't want to hide anything then just remove the highlighted CSS code in yellow color.

      Regards!

      Delete
  17. I am using this contact form. It's beautiful :D Thanks \m/

    ReplyDelete
    Replies
    1. Rupam Das :: Your welcome buddy :)

      Delete
  18. i came here every day just to say you have a nice template please if you decide to share it with public don't miss to give me a tag thanks and i appreciate your work

    ReplyDelete
    Replies
    1. Hello,
      Thanks for the comment brother. We are actually planning to share complete new designed blogger template very soon on our blog. Don't Forget to Subscribe us and keep visiting our blog. Surely, its our pleasure to give you a tag ... Have a nice day !!

      Thanks,
      Mr. Invictus

      Delete
  19. Anonymous15:03

    AWesome! Worked

    ReplyDelete
  20. Lub yew dear,, i was wondering for this now i got it. Once again thanks for such a great help

    ReplyDelete
  21. I think it is better to use google forms for that purpose. You can have customized form and also see all the responses on a single google sheet.

    ReplyDelete
  22. Just wanted to thank you for this! I know it took time and your work and generosity is well appreciated! Tried it out and it works fine!

    ReplyDelete
  23. i followed all steps above, but where did my email goes? I didnt receive it... pls help...

    ReplyDelete
  24. GREAT MAN.

    I LOVE THE DESIGN


    THANK YOU VERY VERY MUCH.

    ReplyDelete
  25. Bro,

    FIrst of all, thanks a ton for all the efforts. I have gained so much of knowledge after reading through your posts.

    The problem is I am not getting any Emails on my GMail ID even though I can see Success message. I followed all the mentioned steps as it is, still no help.

    Kindly check & help me out - http://aimoney.blogspot.com/p/contact-us_77.html


    Regards!

    ReplyDelete
    Replies
    1. Finance Guru :: Hi,
      I checked your page and it is working good so far. But this problem of not receiving the messages is well known now and it seems to be tricky. Sometimes it starts working if you remove the Contact widget from sidebar (from layout area) and then adding it again.
      Another Trick - Try to create a new blog and add contact form to it then send the message from it.
      I can't Guarantee but these tricks has helped some bloggers in past.
      I hope it works for you. Plus be sure to check the right email address (One you are using to sign-in to blogger).

      Regards!

      Delete
  26. Hello
    Nice job with your blog.

    I wanted to test your contact form, to use on my free blogger.
    It Works perfectly, it's awesome.
    Just one situation.
    After I enter to view the contact page, I see the contact form, and after 2-3 seconds, the page is redirected to the owner website of the template.

    What's this?

    ReplyDelete
    Replies
    1. Same problem is with me

      Delete
  27. It worked. Thanks Satbir. You are awesome.

    ReplyDelete
  28. Hy buddy. I am facing some problems. I followed your steps but it didn't works. Please checked it. My blog is www.simanttutorial.blogspot.com

    Waiting for your reply. Hope you will inbox me in my account.

    ReplyDelete
  29. This comment has been removed by the author.

    ReplyDelete
  30. Thanks, tried it on mine (www.netto-ng.blogspot.com) and it worked well, i'm really grateful..

    ReplyDelete
  31. I like your work man and ask to keep working. but there is problem with this form that you created. Its time taking and it create some problems that some widget are disapeared by adding this. Find the exact solution and update it.
    Najam Khan :)
    www.ciitcluster.com

    ReplyDelete
    Replies
    1. Nizam:: Thanks for liking my work appreciating. This form is working good. Although I removed the CSS which hides the sidebar. I had added that code to make contact page full width and hiding the sidebar. But now I have removed it and it should be working normally as before!

      Delete
  32. i love this. thanks

    ReplyDelete
  33. Harold01:25

    Thanks for your nice post

    ReplyDelete
  34. It's working good bro. Thanks so much

    ReplyDelete
  35. HI Patial,i applied this code on my blog but the previous contact form still appears .

    ReplyDelete
  36. Thank you so much, i have applied it to my Android app store, and it really seems great!
    https://shaggymkt.blogspot.com/p/contact-us_20.html

    ReplyDelete
  37. iv#ContactForm1 { display: none !important; }
    this is shown above my blog below addres bar help bro

    ReplyDelete
    Replies
    1. Shaheer Ali:: Hi,
      You might have added the CSS code to wrong place. Just add this CSS code right before the closing head tag this time inside style tag like this example given below:

      <style>
      div#ContactForm1 {
      display: none !important;
      }
      <style>

      Delete
  38. Thanks for sharing. Everything is working: http://jinseiimi.blogspot.com/p/contacts.html

    ReplyDelete
  39. hey bro i got a problem that google contact form stil showing in my bog i want to hide that . can i ? please reply me soon i need urgent help

    ReplyDelete
    Replies
    1. Sashi:: Send me email using my blog's contact form and tell me your blog in msg. I'll reply you there.
      Regards!

      Delete
  40. It's quite great. Thanks for this one, mate! Cheers. :)

    ReplyDelete
  41. Bro.The template is fine, but it is not working for me after i sent. I can't see in my message box

    ReplyDelete
  42. I try to follow you but it is not working for me after i sent the message. It just showed , but i didn't see in my message box. What should i do?

    ReplyDelete
  43. I really thank for your opinion. The template is working fine but I can't get any message alert in my Gmail Address. I wonder if the code point to my gmail address.

    ReplyDelete
  44. It works fine for me now... Thank you

    ReplyDelete
  45. Hi Satbir,

    I have added the code:

    div#ContactForm1 {
    display: none !important;
    }

    but the contact form is showing still showing on my blog http://www.beauyhealthplus.org.

    Please help.

    Stacy

    ReplyDelete
  46. Thanks for sharing..

    ReplyDelete
  47. Hi Satbir
    thanks guys, you really helped me ...Ur contact form hasbeen work well on my blog

    ReplyDelete
  48. Please Patial this code div#ContactForm1 {
    display: none !important;
    } is showing literally on my blog's template when I paste it in the html skin side as directed please what do I do

    Thanks in advance

    ReplyDelete
  49. Please why is mine not working? I copy n pasted both d CSS and HTML CODE. BOTH STILL I CANT GET D MAIL AFTER SENDING IT.my blog is www.godsoneze.blogspot.com

    ReplyDelete
  50. Thanks worked perfectly for my blog
    Learnherehow.blogspot.com

    ReplyDelete
  51. my send button is not submitting messages please help

    ReplyDelete
  52. thank a lot worked for me on viewpointinfo.com

    ReplyDelete