Archive Pages Design$type=blogging

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 for Blogger

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
Rating : 3.0

COMMENTS

BLOGGER: 6
Loading...
Name

AI Android Blogger CSS Facebook Featured Freebie Google HTML Internet Javascript Open Source Post SEO WebDesign Widget Wordpress
false
ltr
item
Cybup: Email Subscription Widget for Blogger, it's Responsive,Flat,Simple,Easy to Load and Stylish
Email Subscription Widget for Blogger, it's Responsive,Flat,Simple,Easy to Load and Stylish
http://2.bp.blogspot.com/-L1uspNdE__Y/VevOChNQfFI/AAAAAAAAB3s/aPzH447k8RY/s640/Stylish-Responsive-Email-Subscription-Widge-%2Bfor-Blogger.jpg
http://2.bp.blogspot.com/-L1uspNdE__Y/VevOChNQfFI/AAAAAAAAB3s/aPzH447k8RY/s72-c/Stylish-Responsive-Email-Subscription-Widge-%2Bfor-Blogger.jpg
Cybup
http://cybup.blogspot.com/2015/09/blogger-post-subscription-widget-responsive-stylish.html
http://cybup.blogspot.com/
http://cybup.blogspot.com/
http://cybup.blogspot.com/2015/09/blogger-post-subscription-widget-responsive-stylish.html
true
1938789928030985205
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago