Wednesday, 6 September 2017

How To Add A Stylish Contact Form In Separate Contact Us Page 2017

How To Add A Stylish Contact Form In Separate Contact Us Page 2017

How To Add A Stylish Contact Form In Separate Contact Us Page 2017






























Hello Friends most of you are aware of the recent gadget added to blogger widget directory and that is a small contact form with two input fields for name and Email and a text area for writing the message. Blogger has made it extremely easy for you guys To Add A Contact Form. But Have You       Ever wondered how to Add A Contact Form In Contact us  Menu Like I Have. Simply Follow The           Steps Below.

Features

  • Can Be Put Anywhere For example On Page Or Post Or Directly On Main Screen
  • Works Quickly.
  • From Blogger
  • Stylish. 
  • Multiple Color Choices.

Steps 

  1. Login To Blogger.
  2. Go To Pages.
  3. Create New Page.
  4. Switch To Html Mode
  5. Now Copy The Code Below And Paste It In Html.
​THE CODE IS HERE
**********************************************************************************
<style type="text/css">#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:bold}.showpageNum a{color:#000;padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#f8b5a4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJOwkW6U4V2TUStbd8Sq-xxXgAoFzX7DgnU7wVp7xL6NBu3Bx9N3FMrJepIFqdF0IDkaGqk9ItvrMrsPyJefeOzpygIUW0bfpAFLC20MseaZCPqCSYRzkks8uZe_CRJpsa-zlGd86uphc/s1600/w2b_pagenav1.png) 0 -60px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#f7cac9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJOwkW6U4V2TUStbd8Sq-xxXgAoFzX7DgnU7wVp7xL6NBu3Bx9N3FMrJepIFqdF0IDkaGqk9ItvrMrsPyJefeOzpygIUW0bfpAFLC20MseaZCPqCSYRzkks8uZe_CRJpsa-zlGd86uphc/s1600/w2b_pagenav1.png) 0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#666;padding:3px 8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#f2f0f0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJOwkW6U4V2TUStbd8Sq-xxXgAoFzX7DgnU7wVp7xL6NBu3Bx9N3FMrJepIFqdF0IDkaGqk9ItvrMrsPyJefeOzpygIUW0bfpAFLC20MseaZCPqCSYRzkks8uZe_CRJpsa-zlGd86uphc/s1600/w2b_pagenav1.png) 0 -5px repeat-x;text-decoration:none} </style> <a href="http://theblogger911.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://theblogger911.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://theblogger911.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script style='text/javascript'><br />
var postperpage=5;<br />
var numshowpage=3;<br />
var upPageWord="Prev";<br />
var downPageWord="Next";<br />
var home_page="/";<br />
var urlactivepage=location.href;<br />
</script><br />

<script style='text/javascript' src='https://dl.dropboxusercontent.com/s/icju1ieawjolg4n/theblogger911.navi.js'></script>

**************************************************************************************************


Change [If You Have Any Copyright issues Please Contact Us.] to Your Need

Question- Where will these messages go? 
Answer: Whenever someone sends you a message from your blog's contact form, it will be delivered to the email address of the blog admin instantly. If your blog has more than one blog administrators then the messages will be sent out to all of them.