Menu

A website or blog  best part is Existence visitors their are like your blog and want to more latest updates Ergo we need all subscribe options your website or blog, social media is the best way to accessing latest updates unique Readers, but email subscribe option is the Primarily readers using. Today we are learn Fully customizable Email Subscription widget add to your blogger blog and make more unique Readers by sending updates by Newsletter. It is a easy to editing and adding to your blog. 

RSS Feed feed widget

How To Add Email Subscription Widget To Blogger

Email subscription widget to blogger blogs

  •  Go to  Blogger > Layout > Add aGadget > HTML/JavaScript
<div class="rr-mod newsletter-signup"
style="margin: 0px 0px 30px; padding: 0px;
position: relative;
width: 300px;
font-family: helvetica, arial, clean, sans-serif;
font-size: 14px;
line-height: 17px;
background-color: # bddcea;">
<div class="configuration-neighbor"
style="margin: 0px; padding: 0px;">
<div class="newsletter-container"
style="margin: 0px; padding: 20px 16px;
background-image: url(http://4.bp.blogspot.com/-wMkH2rS9q78/UrgTvcC6BhI/AAAAAAAAA_A/MV2Q2rIKIj0/s1600/bgnewsletter.png); background-color: #9ea2d2;
width: 268px;
background-position: 0px 0px;
background-repeat: no-repeat no-repeat;">
<h2 style="margin: 0px 0px 4px;
padding: 0px; font-size: 18px;
font-family: Interstate, Helvetica, Arial, sans-serif;
letter-spacing: -1px;
 color: #611e0a;">
Sign Up for Blogger Sitemap
</h2>
<h4 style="margin: 0px;
 padding: 0px;
font-size: 13px;
font-family: Interstate, Helvetica, Arial, sans-serif;
 text-transform: uppercase;
 letter-spacing: -1px;">
Latest Articles Delivered To You
</h4>
<form method="post" target="popupwindow" action="http://feedburner.google.com/fb/a/mailverify?uri=nvrthub"
style="margin: 0px;
padding: 8px 0px 0px;
width: 300px;">
<input type="text" name="email" placeholder="Email Address"
style="margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 3px;
border: 1px solid #611e0a;
height: 22px;
width: 168px;
float: left;" />
<button type="submit" style="font-weight: bold;
font-size: 12px;
background-color: #611e0a;
border: 0px; color: #ffffff;
 text-transform: uppercase;
cursor: pointer;
padding: 4px 10px;
float: left;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
margin: 0px;">
SUBSCRIBE
</button>
</form>
<div class="global-clear"
style="margin: 0px;
padding: 0px;
clear: both;">
</div></div></div></div>
  • Copy above code and paste in HTML/JavaScript
  • Replace Red colored text with your Feed-burner link
  • Save HTML/JavaScript.

Final Word

So friends, How is this simple RSS Feed widget ? I hope you've liked it and you're using it in your blog. If you wish to share this widget on your blog then kindly link back to original post. If you have got any problem then leave a comment below and let's discuss about it. Thanks to read post about How to add “Email Subscription Form” to Blogger Blogspot.

1 comments:

 
Top