Skip to main content

Recent Post

Kathai Sollukiren Vanga Youtube Channel

create separate contact page for blogger


pageHi Everyone how are you. I think everyone Quite Good. In this my first tutorial You learn HowTo Create A Contact Form For Blogger Site. I think everyone do this correctly. Now today you will learn create separate contact page for blogger. Day by Day Blogspot  working hard and create attractive stylish gadget for blogger. Nowadays time has changed don't depends on third party software because blogger help us as their creative and attractive gadget.



Blogger launched it’s official version of the Contact Form Widget but it works only on the Blogger Sidebar. If you don’t want to add the contact form to your Blog’s sidebar but want it to add on a specific page then todays tutorial will help you out. If you didn't want the contact form to appear every where on my blog than follow my tutorial...Before going to my today's tutorial  please look at my previous post. If you don't see my previous post related to this tutorial than you can't add this to your separate page. SO LETS PLAY...

How to show blogger contact form on separate page:

1. First, Add the Blogger Contact Form Widget to your sidebar. (We will hide the contact form later in this tutorial, but you have to add it) See my previous post...

   How To Create A Contact Form For Blogger Site

2. Log In to Blogger Dashboard

3. Now create a new page in your blog. See below screenshot


new-page
4. Copy The Below contact form code:

<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'/>
<div style='text-align: center; max-width: 450px; 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>


5. Select HTML Mode, don't select compose mode because this code only work on HTML Mode. Copy and paste the code in HTML mode

6. I recommend post title name select Contact Us or Contact Me

7. Publish Your Page....


blogger-page-html
8. Go to Template Click on HTML


template-edit


9. Jump to Widget Click on contactform1 see the image below:


widget

10. Then click left side black icon and expand it you will see like this (<b:widget id='ContactForm1').


expand-form
11. Click on & Expand it <b:includable id='main'> Highlighted below image:

id-main

12. Now delete the code highlighted below Image:

delete-data
13. After that code look like this on Template


look-like

14. Save the template

That's all now see your site your side bar widget layout is hidden than you see your separate page you definitely see your contact me or contact us page.

NOTE
Don’t remove the official “CONTACT ME” widget as added in before. If you remove your widget from Layout you can not run this on Separate page. SO DO NOT REMOVE FROM LAYOUT.

Some Advice For You Guys:
Think, you publish a new post and your readers likes your post and they faces problem, ya you say that they should comment on comment box. But sometime faces major problem cant shows everyone, so dear friends please make a contact me page on your blog or site.

Think 1, If you haven't contact us page so you face another problem, What is the problem? yes you face very big problem. Alexa is a information company and provide your site ranking suppose your site ranking like 1 thousands you need advertisement on your site And your page shows Google first page. Many internet buyers searching Google everyday which site is better ranking. Suddenly they find your site and they will contact you. So this is my point IF you have no contact me page you definitely lose you best buyers.

Final Words
I Just hope this tutorial would be helpful all of you. I made this tutorial Almost 5 hours, If you understand correctly than i feel so happy because lots of time i am providing this tutorial. I try my level best. Now your turns put you site hurry this contact me page. Please DO NOT FORGET TO SUBSCRIBE.

If you have any problem feel free to ask any question, I will Answer you as soon as possible. Share this post and like this post.

For my readers help I will make a video tutorial About this Topic.

Till Than Good bye, prem
Happy Blogging..........

Comments

Popular posts from this blog

Best Blog Directory And RSS Submission Sites

The RSSTop55 is my personal selection of the best blog and RSS directories and search engines that you can find on the web. Over the years, I have spent so much time in updating and refining it that the original list has grown to feature almost 400 directories and search engines, which make up for a truly unique collection of venues that you can use to promote your website. Photo credit: juliengron Why this list is so valuable to you and what are its key advantages compared to other lists dealing with the same topic? The RSSTop55 is updated weekly. New directories are added and I check persistently whether some old directories have headed to the deadpool, changed topic of interest, become a spam site, etc., so that this collection remains always of high-value. All directories are briefly reviewed, so that you can have a quick glance at each one of them and evaluate immediately if a directory is a good promotional venue for your website or business, without spen...

Make Money Online: Anyone And Everyone

If you’re a blogger or a internet marketer or even a beginner then you already know that it’s POSSIBLE to make money online. And what’s interesting about it is that, there are a lot of ways to make money online – from selling ads, e-books, affiliate marketing, freelance writing, podcasting, consulting, designing, coding, etc. So I’m going to highlight some of those online income streams but don’t expect overnight success because creating an income stream requires a lot of work and patience. But if you are a beginner and clueless about where to start then this should help you to focus on that. If you have any trouble with any of these options then leave a comment below or you can e-mail me and I’ll do my best to find the best resource to help you. Make Money Online With Your Website Do you have a website or a blog? If so, then then selling advertisements is the easiest way to make money online. Since there are tons of ad networks on the Internet you have to m...

How To Submit Blogger Sitemap To Google Webmaster Tools

Hi all of my friends, (prem). Today I am telling you how to submit a sitemap to Google Webmaster tools. Before going to today's tutorial, some discussion about Google webmaster. Why you submit a sitemap? This is the question? I will tell you guys how this is effect on your tariff. Bloggers say, “If you are not on Google, you are almost invisible to the world”, yes this is rightly said because if your blog is not submitted to Google Webmaster tools, there is high tendency that all you blog post might not get indexed on Google search engine and this might make you become invisible to the world despite your hard work. My blog almost had 25% increase of traffic from Google after submitting my blog to Google Webmasters Tool, Indexed my new post quickly and improve crawl rate.