How to add rss feed blogger sign up form in your blogger blog

0

Hello guys, do you have a own blog in google blogger and searching for blogger sign up form tutorial?. Here am back with the full tutorial for how to add blogger sign up form in blogspot blog. When you update your blog everyday and if you wanna inform new posts to all your existing readers. Rss feed is the suggestion for you. You can notify blog readers via email inbox. Your readers wanna sign up on your blog feed by email for receive email updates. After adding the email subscription form in your blogger, your blog visits and seo score will improves definitely.

It is very easy to add email subscription sign up form in blogger for free. You can directly notify your current blog readers about your new post via email. In this article, am sharing useful tutorial for all blogger blog holders for improve their blog performance. Just follow the below steps and add blogger sign up form in your blogger blog and enjoy.

How to add rss feed blogger sign up form In Blogger :

  • Sign in to your blogger dashboard and click on Layout option.
  • Then tap on the Add A Gadget link in the page.
  • Here you will get a pop up with the gadgets list.
  • Now select Html / JavaScript gadget in the drop down menu.
  • Paste the below code in the text box.

<style>
.hl-email{
background:url(http://4.bp.blogspot.com/-u3UaeUufpmI/T8lFuelsg8I/AAAAAAAACQY/tOWbHsgTYKc/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:130px;
color:#666;}
</style>
<div class=”hl-email”>
Subscribe via Email <form action=”http://feedburner.google.com/fb/a/mailverify” id=”feedform” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=zybermedia’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”>
<input gtbfieldid=”3″ class=”textarea” name=”email” onblur=”if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}” onfocus=”if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}” value=”Enter email address here” type=”text” />
<input type=”hidden” value=”Zybermedia” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/>
<input class=”hl-emailsubmit” value=”Submit” type=”submit” />
</form>
</div>

Now save the gadget and enjoy your new email sign up form in your blogger blog.

Also Read : How To Redirect Blogger Feed To Google Feedburner

Settings For Modify The Blogger Sign up Form widget :

  • For Change the icon in widget, Replace blogspot url with your desired icon url. [Mentioned In Red Color]
  • The given width is 130px. If you wanna change it with your widget area size, just replace the 130px with your suitable size. [Mentioned In Red Color]
  • You must replace the rss feed url with your blogger feed url. [Mentioned In Blue Color].
  • Replace the Zybermedia with your blogger feed name.

Now your blogger sign up form is ready to get email subscribers. When you save the code in your blogger, Your Readers getting a pop up on their browser with the subscription option. Now you can notify your blog readers about new post and improve your blog performance. Enjoy and share this post with your friends.

LEAVE A REPLY

Please enter your comment!
Please enter your name here