How to edit contact form codes to make your own contact us page in blogger 2019

August 22, 2019
Within this article we will learn how to edit contact form in blogger, by default blogger has their own contact form widget that you can add immediately to your pages, but unlike the other type of contact us page the format of these form is just simple, so what we do is to add our custom  CSS style so it will be more attractive for the visitor, The reason why we should have our own contact us page is that whenever we plan to apply on any Advertising company, most of them required publisher to have "contact us page" including the others, like your blog, should have a "Navigation menu" so it will be easy for the visitor to navigate other content pages from your blog, other is your blog must also have "Privacy-Policy", "About us page" and so on. The requirements may vary depending on how big is the company, what I show you are the standard requirements process. For example, if you planning to apply to "Google Company" then they have many Strict Requirements like the blog should have massive traffic before it will get approved. So what are the benefits of adding a contact form to your blog? Well, the benefit is there are chances that your subscriber's become your potential buyer of a product if you are selling the product on to your blog. The functionality of sending messages is fully working with this modified contact form so you can be sure! I've tested it out. perfectly working. Have a test on your own,  this will also help to grow your email subscriber. The Steps below will show you how to do it.

 Step 1.) Log in to your blogger account using your Gmail

 Step 2.) Go to the "Layout" section which you can find by going to the left side of the blogger main dashboard---> Then from the layout section, there you can add "HTML/JAVASCRIPT" which allows you to choose a gadget.

 Step 3.) Click Add Gadget button then from the choices drop-down, select "Contact Form"  now you should have added the contact form inside the HTML file.

Step 4.) Click the Theme tabs that are below after the Layout tab,   it will allow you to modify HTML code templates.
Step 5.) Click the triple dot menu which can be found at the top right that will show up a couple of options, then from there just select "Edit HTML"  Now you should see the codes in the template.

 Step 6.) Search for "]]></b: skin> " To do this, just press CTRL+F  on your keyboard to be able to use the find feature in blogger.

 Step 7.) Copy  and paste the CSS Style code below, Remember to put this before the "]]></b: skin> " 


Step 8.) --->Go to the "jump to widget tab"---> and select "contact form1" to the drop down menu
and look for this codes "<b:section-contents id='sidebar-right-1'>

 <b:widget id='ContactForm1' locked='false' title='Contact Form' and click the arrow on the left side line="2005"

 click again the arrow on the line='2006' "<b: includable id='main"......</b: includable and click to expand

 Step 9.) ----> Delete the codes starting from the "<b: if cond='data title != &quot,&quot,'> until
<b: include name='quickedit'/>" then click save template

 Step 10.) Create a contact us page by navigating to the left side section of your blogger's main page. and name it to "Contact us page" Then after that copy and paste the code below to HTML Editor (compose/HTML):


Tags
ninalblog

Posted by ninalblog

Post a Comment

0 Comments