Dark Style Rss Subscription Widget For Blogger

In  this  tutorial I'm gonna explain how to add dark style Feed Subscribe Widget.By using this widget you can link your social media profile Facebook, Twitter Rss Google  Pinteret plus and subscribe  field. It will help to get the new updates by emails.You can check it  from below demo link.


How to add Feed Subscription Widget For Blogger

Go to layout-->Add a gadget-->HTML/JavaScript and put bellow code in it.



<style>#btrix-newsletter{ width:290px;background:#2e3639; color:#fff; padding:20px; font-size:14px; margin-bottom:20px; -moz-box-shadow: 2px 2px 2px #000000;-webkit-box-shadow: 5px 5px 5px #000000;box-shadow: 5px 5px 5px #000000;border:double 5px #000000; -moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} #btrix-newsletter .btrix-title { margin-bottom:10px;margin-top:-10px; } .btrix-title{margin-left: 8px;font-size:25px; font-weight:bold; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:1px 8px 2px 8px;text-align:center;border:1px solid #151819;color:#fff;background:#222729;display:inline-block;} #footer-subscribe-btn {width:116px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; position:relative;left:135px;} .footer-submit-btn {margin-left:50px;margin-top:-5px;margin-bottom:-50px;border: none;color: #fff;text-transform: uppercase; font-size: 13px;padding: 5px 18px 5px;background: #e93a30;border-radius: 30px;-webkit-border-radius: 30px; -moz-border-radius: 30px;font-weight: bold;-webkit-transition: background .2s linear; -moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition: background .2s linear;transition: background .2s linear;cursor: pointer; } .footer-submit-btn:hover { background:#e51111;} #fastsearch ,#footer-subscribe-email{background:#62686b;color:#fff;font-size:14px;border:none; box-sizing:border-box;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;outline:none;padding:0px 15px; height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #fastsearch.inactive , #footer-subscribe-email.inactive {color:#b5b7b8;} #footer-subscribe-email {width:100%;} #sb-nl-members-count { font-size:12px; font-weight:bold;text-align:center;width:150px;margin:0 0 -36px 0 ;display:inline-block; </style> <br /><div id="btrix-newsletter"><div class="btrix-title">Get Email Updates</div><div class="btrix-nl-text"><center>Subscribe to Get Latest Updates Free</center></div><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ekWMe', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input class="inactive footer-text-field" id="footer-subscribe-email" name="EMAIL" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Your email address" /><input name="uri" type="hidden" value="ekWMe" /><input name="loc" type="hidden" value="en_US" /><br /><div id="sb-nl-members-count"><table border="0"><tbody><tr><td style="padding-right: 4px;"><a href="http://twitter.com/BlogerTemplates" target="_blank" title="Follow Me On Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMBCLNjWSixrG-k9b2E4L5tRTsViNZjm41QNuGoDsuBj_jNTzbJwVmHDx_-cqGHlLVOwNxBd6l6gLK4056THlKdKsjZopNMF-_JSEKZRUw0eYc9DIaU-xb2_nApstwhEurNjFQkTZa7Y/s1600/bloggertrix.com-twitter-icon.png" style="height: 25px; width: 25px;" /></a></td><td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/ekWMe" target="_blank" title="Subscribe Via RSS"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ8yY3XvXJykyZj_Ot6OUbIF196w4ttzmp6EFtScEQ5VElehtgxHmomsBnRw3WPuDJfhj8jhedaBtqBvh_o0Oe2MGPv4rmzoiim4bTDK2_JocPtYjqzlYW7VAXzj9SqHfqRcLASQmt5uA/s1600/bloggertrix.com-rss-icon.png" style="height: 25px; width: 25px;" /></a></td><td style="padding-right: 4px;"><a href="http://www.facebook.com/blogosphere" target="_blank" title="Find Us On Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFluE4by11Z2Wm6rqlvr_LIWkroQntLGIHo3w39vOiknN2AO7E6wj9ZLgUNZMmBQ96bovfG0-u2ZXO2VV-mJUF3NaaGzrzFyp-oqco92R_M2hU35BFv1ARngHq6kUsvRI3BxsPLHTZqug/s1600/bloggertrix.com-facebook-icon.png" style="height: 25px; width: 25px;" /></a></td><td style="padding-right: 4px;"><a href="https://plus.google.com/u/0/b/114093757109573967655/+Njuz-onlineBlogspot/posts" target="_blank" title="Add me on Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1carW6QOYjvX_uJvNSitRqqNo9imhLPBDlBlOpj-2CNunfx8QfeJ_lZGEGTsinggGxD3sjpgTKpGVQTDDYRHXS4Ou7oEJyrtyfaYnDlkQEUCIYDajRF9aCiKGKXeeeLLLD1tw3LgvBeE/s1600/bloggertrix.com-google-icon.png" style="height: 25px; width: 25px;" /></a></td><td style="padding-right: 4px;"><a href="http://youtube.com/" target="_blank" title="youtubr subscribe"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN1pWY2ICrwvmf9aCE-TDmeZ0VWPTQ7W6mCVu6029zefOuengLNanNM-m-bTIpakHkiguk2lRK6Gu82h58aGRxwaiHHZDwhP9gti_bz374Xua7l7ta-GfbPdOstia6M1xjH7e7RmhxdME/s1600/bloggertrix.com-youtube-icon.png" style="height: 25px; width: 25px;" /></a></td></tr></tbody></table></div><input class="footer-submit-btn" id="footer-subscribe-btn" type="submit" value="Subscribe" /><div class="clr"></div></form></div>


Replace YOUR-URLs for facebook, twitter etc,  with yours and that's all.

Save template and happy blogging.