Email Subscription Widget for Blogger, it's Responsive,Flat,Simple,Easy to Load and Stylish

Email Subscription Widget is very helpful for making permanent blog viewer for your blog, because when viewers registered his email to B...

Email Subscription Widget is very helpful for making permanent blog viewer for your blog, because when viewers registered his email to Blogger subscription widget they will get all posts straight to their inbox. Also, we can expect more Social shares, Comments and Followers from this.

Now we are created a new stylish Subscription Widget using flat designing structure this is responsive  for any platform, any blogger template,  and for any place on your blog.

Features

• Responsive
• Flat Design
• Easy to load
• Simple
• Unlimited colors
• You can add a background 

Follow this steps to add this widget to your Blogger blog

1. Login to your blogger account
2. Got to your Layout section
3.  Add a Gadget (anywhere) and select gadget type as HTML/JavaScript
4. Copy the entire code given in below, and paste to the HTML/JavaScript gadget  Content section
5. Change Green colored text replace with your feed burner id. 
6. Click Save button
7. Open your blog and see the magic
8. Also you can change the widget color, font, font size and add background image in highlighted section in code   

<style>
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
.sidebar-subscribe-box-wrapper{
  background:url('Your Backgroud Image') repeat scroll 0 0 #FFF;
  color:#427FED;
  border-radius: 5px;
  border: 2px solid #0AC4FC;
  font-family: "Roboto";
  font-size:14px;
  line-height:20px;
  padding:1px 20px 10px;
  text-align:center;
  text-transform:uppercase
}
.sidebar-subscribe-box-form{
  clear:both;
  display:block;
  margin:10px 0
}
form.sidebar-subscribe-box-form{
  clear:both;
  display:block;
  margin:10px 0 0;
  width:auto
}
.sidebar-subscribe-box-email-field{
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  background:#fff;
  border:1px solid #ccc;
  border-radius:4px;
  color:#444;margin:0 0 15px;
  padding:10px 30px;
  width:75%
}
.sidebar-subscribe-button{
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: "Roboto";
  color: #ffffff;
  font-size: 29px;
  background: #3cb0fd;
  padding: 10px 30px 10px 30px;
  width:100%;
  border: solid #ffffff 0px;
  text-decoration: none;
}
.sidebar-subscribe-button:hover,.sidebar-subscribe-box-email-button:focus{
  background: #3498db;
  text-decoration: none;
}
</style>
<div class="sidebar-subscribe-box-wrapper">
    <p>Get fresh updates<a href="http://cybup.blogspot.com/" rel="dofollow">+</a>News in your inbox</p>
    <div class="sidebar-subscribe-box-form">
      <form action="http://feedburner.google.com/fb/a/mailverify?uri=Cybup" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Cybup', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
        <input name="uri" type="hidden" value="Cybup" />
        <input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address"/>
        <input class="sidebar-subscribe-button" title="" type="submit" value="Subscribe Now !" />
      </form>
    </div>
  </div>

 If you're unable to get it working then you can leave a comment with your blog URL and I'll surely check it.

Give me a favor, do share if it really helped you and you liked my Feedburner email subscription popup blogger widget. Stay blessed!

Please leave a comment with this widget in your blog 

Our Facebook page: https://www.facebook.com/CybUp

View in Codepen: http://codepen.io/Cybup/pen/rOagMy

Rating : 3.0