LoginCreate an Account

Discussions on Contact Form for Blogger on Static Page with CSS only

We have 176 Discussions on Contact Form for Blogger on Static Page with CSS only

  • Lwin Moe Thu
    nice tip
  • Jari Ullah
    I was searching for it :) Thanks !
  • ravi patel
    how to validate
  • Judith A
    Thank you for the tip
  • John Maduka
    Thanks man! you just saved me from stress.. #muchlove.
  • Mhycz M
    Thanks! This is great!
  • Kareem Zock
    Nice tip ! Its great ! thanks !
  • Sherwin Fulgencio
    thanks you for this trick!
  • GoSuCoMbO
    Helpful but the "contact me" form is showing up at the bottom of the page for me. Any ideas why?
  • Tien Nguyen
    Just share me the URL. I will take a look.
  • Claire Baxter
    Hi! Such a great tip and easy instructions - thanks so much. One problem though ... when someone submits through the form on my page, the bottom box changes to "sending ..." but never successfully sends and no email reaches me. Any ideas? Really appreciate the help.
  • Tien Nguyen
    Please make sure you checked spam box and the email only send to admin email. Can you share me your contact page URL?
  • Claire Baxter
    Hi. I double checked and no message to my Spam. Also, the status bar at the bottom never updates to say whether the send was successful or unsuccessful. The url is here .... http://blog.theweddingcompany.ie/p/get-in-touch_26.html Really appreciate your help.
  • Tien Nguyen
    Hi. I just sent a message via your contact form. Please check if you can see it.
  • Claire Baxter
    It arrived! How strange! Thanks so much for your help. Did you get a success message at the bottom of the page when you sent it?
    I wonder if it's because I'm logged in as the administrator that I can't send one? At least it's working. Thanks so much.
  • Tien Nguyen
    I replied your questions directly in our email stream. Your site is really cool.
  • KC
    Hi
    I just followed your instructions but the contact widget still appears at the bottom of my page (where I placed the widget in the first place).

    I did add the code in my Edit HTML but the contact form does not appear in my static page.

    Any thoughts?
  • Tien Nguyen
    Show your URL.
  • KC
    its http://www.rebetition.gr/p/contact.html
  • Tien Nguyen
    You put the wrong place for contact form. The contact form widget must be placed under Blog widget in Layout. Please check step 1.
  • KC
    ok.Thank you!
  • Spyros Christakis
    Another thing Tien. Which is the mail address in which I will receive my messages? Can I change it?
  • Tien Nguyen
    Blogger will send contact to email of blog admin. We can not change that. But you can add more admin to your blog to extend the list of emails which will receive contact messages.
  • Wild Hearts + Green Tea
    Hi Tien,

    The contact form shows up fine on a page tab, however, it didn't disappear from my main page - any idea why?

    Thanks a lot for your help. My blog: http://wildheartsandgreentea.blogspot.com
  • Tien Nguyen
    But I see your site is showing it at this time.
  • Wild Hearts + Green Tea
    Though the widget still appears at the bottom of my site despite completing Step 2; it's supposed to be hidden, right?
  • Tien Nguyen
    I see in your template has CSS error:

    .Image img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    .widget.ContactForm {
    display: none;
    }

    When the right code must be:

    .Image img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .widget.ContactForm {
    display: none;
    }

    You must edit template HTML and modify the code.
  • Wild Hearts + Green Tea
    Great, it worked. Thank you very much for taking the time to help! I appreciate it.
  • Azubuike Johnson Okachi
    Friend, this is a perfect tutorial. My blog http://blogmerit.blogspot.com has a new look now. Thanks a lot.
  • Tien Nguyen
    You're welcome.
  • Lakshya Dhillon
    I don't have .post-footer so where i put
  • Tien Nguyen
    Please read the tutorial again clearly, you don't need post-footer, that css is for hiding post-footer only in case you have one.
  • Suren
    Thanks so much! This has been very helpful! I've been searching everywhere for a form. (:
  • sah spence
    Thanks for this post- easy to undeerstand and totally practical! however I can't seem to hide mine at the bottom of my blog post either- i think it is because the template I use has a post footer... so while the widget is in the correct place as per your screenshot from the layout page- something else in the existing template means it is not quite in the right place- but can't figure it out... http://thedspencery.blogspot.com.au x
  • Tien Nguyen
    Did you follow the step 2 in this tutorial?

    About the style of contact, it's depended on personal blog style.
  • Tien Nguyen
    I looked into your css code and see it had wrong css (error). Please edit template and find:

    #main-wrapper {

    Then change it to

    } #main-wrapper {
  • Holly Emery
    I cant for the life of me find the "]]>" HTML code to hide the widget. Help much appreciated!

    http://hollyemeryphotography.blogspot.com.au/
  • sah spence
    Ah-Ha! I knew it was going to be something small I'd missed, I'd scoured the HTML and couldn't see anything that would affect it.

    Thank you!
  • Diane Carlisle
    When I tested my form, I never received the email.
  • Tien Nguyen
    Email will send to admin of blog only, please make sure you check with that email address. If you want to add another email which will receive contacts, please add that email as admin of your blog.
  • Diane Carlisle
    Thanks! It was sent to my other email address. It works great!!!
  • Shon Moore
    Hi. the contact form still shows up at the bottom of the page and I cant figure out why. It is not the same issue as the other two that have already asked. Any idea? www.shonmoore.com. Thanks.
  • Tien Nguyen
    Your CSS has error now. Please edit template code and find:

    margin-bottom: 1px;
    }
    background:url("http://www.shonmoore.com/images/border_bg.gif") repeat-x bottom left;

    Just remove the } symbol.
  • Lisann V
    Rock on worked perfectly!!! thank you!
  • I am Magnus
    Hey bro, Having the same issues too. The contact form is still showing at the bottom of the page.. Can't figure out why :(

    www.iammagnus.com
  • Tien Nguyen
    I can not see the code of step 2 in your site code.
  • SPEN Grammar
    thanks, sir, i am very happy to get ur great article. it works excellent
  • Real Music Passion
    I'm sorry I see that many others have the same problem but I've tried checking out all the ones that have had the problem and searching for it in my HTML but nothing works.It still on the bottom of my home screen.Please help my blog is http://realmusicpassion.blogspot.com/
  • Tien Nguyen
    Dear. I don't see the code of step 2 in your site source code.
  • Ayman Mosully
    Actually it did not work I don't know why although I used all instructions.