Add Attractive Email Subscription Widget in Blogger | Make Money Online

Add amazing RSS Subscription Form: This is really a very great feature to add like this widget in blogger, by adding this widget you can easily increase your Subscribers and Viewers. If you provides useful and healthy content to your viewers, then some times your readers need to get latest newsletter from blog, that's why you should add Email subscription form in your blog.

Add RSS Subscription form in blogger:


You just need to follow given below steps.

* Go to desired blog > > Select Layout > > Click on "Add a Gadget" link

* From the popup window, scroll down and click on the "HTML/JavaScript" gadget


* Now Copy the given below code and paste in empty "HTML/JavaScript" gadget.


 <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=makemoneyonline-72', '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=”makemoneyonline-72" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Setting:


* Replace the URL in green to change the Email icon.

* To change the width or the text area, increase/decrease 130px in red.


* Replace the 'http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72' with 
your feed burner url.

* Replace the "makemoneyonline-72" with your feed burner name.


* Now Save the widget, and again save Layout.


Keep visiting this blog to get latest post. Don't forget to share this post with your Friends on Social Media Sites.

Post a Comment Disqus

 
Top