Tech Magazine

A Stylish Contact Form For Blogger Blogspot

Posted on the 03 January 2017 by Babanature @proudlyonenaija

If you are trying to create a “Contact” form for your blogger blog but don’t know how to, this post will guide you through how to create a stylish contact form.

contact form for bloggerEvery blogger needs a contact form in his or her blog, so their readers can get in-touch with them. Contact form can be a life saver on many occasions and trust me; you need it as long as you are a blogger and have a blog.

A Stylish Contact Form For Blogger Blogspot

If you are on the blogger platform, you will know that they don’t have this feature enabled. You can only add a contact form in your sidebar and footer of your blog. But you can’t add it in a page as it is on WordPress, why? Because it is being delivered as a widget and not a standalone page.

Must Read: Easily Remove Your Sidebar Widget On Your Blog Mobile View

But in this post, we’ll show you how to add a standalone contact form on your blogspot blog without using a third-party service.

Steps To Add Contact Form On Blogger Blog

First, go to your blogger blog dashboard >>> click “Layout” >>> click “Add Gadget

Click “More Gadget” >>> click “Contact Form”. Or you can easily search for contact form using the search box.

Once you’ve successfully added the contact form to your widget, >>> click “Template” >>> click “Edit HTML”.

Now search for the below code.


Note: To make your search easy, simply click the HTML editor box and simultaneously press the ctrl + f key to bring out a search box.

Have you seen the short code? If yes, right above the code, simply add the following tag

#ContactForm1{display: none !important;}

Have you done that? If yes, simply click the “Save” button and you are done with the first step. Now let’s move on to the next step shall me…

Creating contact form for your blog.

Click “Pages” at your blogger menu >>> click “New Page” to take you to your page editor.

In the “Page Title” type what you want your contact to be called. E.g. it could be “Contact Me” or “Contact Us”.

In the compose area, click “HTML” and paste the below code in the compose box


Have you pasted the code to the HTML composer? If yes, let’s continue with the tutorial.

Now, click “Options” >>> click “Don’t Allow” in the “Reader comments” section >>> click “Done” >>> click “Publish”. See screenshot below.

A Stylish Contact Form For Blogger Blogspot

You have successfully installed a contact form to your blogger blog. Now, you don’t have to receive those annoying spam messages again.

Go try it out and see how it goes… you can check a demo of what we just did by clicking this link.

Back to you

Looks like I have said so much about so much on how to easily install a contact form for blogger blogspot, now it’s time to pass the keyboard to  you.

Must Read: Clean Your Blog And Attract Search Engine Using These Methods

Do you have comments, questions or thoughts you’d love to share with us? Please do use the comment box below.

Remember that your comments, questions, and thoughts are highly welcome and most appreciated.

Be social

Don’t forget to share this post with friends so they can learn something new about the blogger platform.

Don’t also forget to subscribe to our feed for your latest updates on the go.


Don't Miss Any Post Again. Subscribe To Our Feed And Be Updated

Enter your email address below:

Powered by OnenaijaBlog


Posts That Might Interest You

  • A Stylish Contact Form For Blogger Blogspot Adding related post widget on blogger blog mobile view

    Blogger blog is one of the blogging platforms that give its users privilege to do…


    Ok! Tell me the truth; do you like the default popular post widget in your…

  • blogger blog vs wordpress blog A Stylish Feedburner Subscription Form For Blogger and Wordpress Blog

    Arrrgh… I still wonder why blogger blog is so ugly, the template, the gadgets and…


    Whether you like it or not, you need this widget as long as you’re using…

Back to Featured Articles on Logo Paperblog