{"id":461,"date":"2022-04-22T04:29:42","date_gmt":"2022-04-22T04:29:42","guid":{"rendered":"https:\/\/ozsns.com\/index.php\/2022\/04\/22\/how-to-create-contact-us-page-in-blogger\/"},"modified":"2022-04-22T04:30:40","modified_gmt":"2022-04-22T04:30:40","slug":"how-to-create-contact-us-page-in-blogger","status":"publish","type":"post","link":"https:\/\/ozsns.com\/index.php\/2022\/04\/22\/how-to-create-contact-us-page-in-blogger\/","title":{"rendered":"How To Create Contact Us Page In Blogger"},"content":{"rendered":"

How To Create Contact Us Page In Blogger On 01:56<\/a> By Himanshu Naresh<\/a>Blog<\/a>, Blogger<\/a>, Contact Us Page<\/a>, Tips<\/a>, Tricks<\/a>, websites<\/a>, Widgets<\/a>Contact Us page is a quite important page of a blog\/website it provides a easy way to the audience \u00a0of blog\/website to directly contact the admin of website. You can quite easily add contact us page to your blogger by using contact form widget and a little trick. Let’s start.<\/p>\n

Steps To Add Contact Us Page In Blogger <\/h2>\n

Step 1: <\/b>First of all take a Backup of the blog’s template. Select the Template option from the main menu and click on Backup\/Restore<\/b> present on the top right corner.
<\/a><\/a><\/p>\n

Step 2: <\/b>As soon as you click on the Backup\/Restore<\/b> a pop-up will appear select the Download full template<\/b> to start the download of your template. If you want to Restore<\/b> your template you just have to select the latest downloaded template and click on Upload<\/b>.
<\/a>
Step 3: <\/b>Now we gonna add the Contact Form widget to the blog. To do so select the Layout<\/b> option from the menu present on the left. After that select\u00a0Add a Gadget <\/b>then go to\u00a0More Gadgets<\/b>, find and add the Contact Form<\/b>.
<\/a>Step 4: <\/b>Go to the option Pages<\/b> present in the main menu on the left and create a new page with name Contact Us<\/b>.
<\/a>
<\/a>
Step 5: <\/b>In a new tab of your browser<\/b>\u00a0(do not close the Contact Us page tab) open up your blog\/website you will found a Contact Form as shown below, right click inside Contact Form<\/b> and select Inspect Element<\/b>.
<\/a>
Step 6: <\/b>In the Inspect Element window right click<\/b> on the line \u00a0<div class=”widget ContactForm” id=”ContactForm1″>…<\/div><\/b> and select Copy as HTML ( Copy Inner HTML if you are using Firefox )<\/b>.
<\/a><\/p>\n

Step 7: <\/b>Now get back to the Contact Us Page tab<\/b> and paste<\/b> the copied HTML<\/b> content. If you click on Preview<\/b> you will found that their is heading Contact Us<\/b> that’s the name of our page and below it their is another heading Contact Form<\/b> which seems a bit odd, to remove that second heading delete the line <h2 class=”title”>Contact Form<\/h2><\/b> highlighted below.
<\/a>
Step 8: <\/b>Select the option Page setting<\/b> present on the left. Set Reader comments<\/b> option to Don’t allow, hide existing<\/b> leave the remaining two as it is and click on Done<\/b>. The Contact Us<\/b> page is complete click on Publish<\/b> to publish the Page.
<\/a>
Step 9: <\/b>You probably have noticed the Contact Form widget<\/b> is appearing on every page of your blog\/website and that doesn’t look good now that you have your own amazing Contact Us<\/b> page. Let’s deal with this tiny problem. Go to Template option from the main menu and select edit HTML<\/b>.
<\/a>
Step 10: <\/b>Click inside the HTML Code<\/b>, press Ctrl+f<\/b> then type contact form<\/b> inside search box and press enter<\/b>. This will take you to the Contact Form widget’s HTML code. Click on the solid triangle on the left to expand the code.
<\/a>
Step 11: <\/b>Delete all code that is present between\u00a0<b:includable id=’main’> and\u00a0<\/b:includable><\/b>. After the deletion the code should look like this :
<\/a>Step 12: <\/b> Click on Save Template<\/b> if you trust me and yourself, else click on Preview Template<\/b> then click on Save Template<\/b>. If have any query feel free to comment below. <\/p>\n\n","protected":false},"excerpt":{"rendered":"

How To Create Contact Us Page In Blogger On 01:56 By Himanshu NareshBlog, Blogger, Contact Us Page, Tips, Tricks, websites, WidgetsContact Us page is a quite important page of a blog\/website it provides a easy way to the audience \u00a0of blog\/website to directly contact the admin of website. You can quite easily add contact us […]<\/p>\n","protected":false},"author":1,"featured_media":481,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"_links":{"self":[{"href":"https:\/\/ozsns.com\/index.php\/wp-json\/wp\/v2\/posts\/461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ozsns.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ozsns.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ozsns.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ozsns.com\/index.php\/wp-json\/wp\/v2\/comments?post=461"}],"version-history":[{"count":1,"href":"https:\/\/ozsns.com\/index.php\/wp-json\/wp\/v2\/posts\/461\/revisions"}],"predecessor-version":[{"id":494,"href":"https:\/\/ozsns.com\/index.php\/wp-json\/wp\/v2\/posts\/461\/revisions\/494"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ozsns.com\/index.php\/wp-json\/wp\/v2\/media\/481"}],"wp:attachment":[{"href":"https:\/\/ozsns.com\/index.php\/wp-json\/wp\/v2\/media?parent=461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ozsns.com\/index.php\/wp-json\/wp\/v2\/categories?post=461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ozsns.com\/index.php\/wp-json\/wp\/v2\/tags?post=461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}