Black color social media email subscribe widget for

If your website has a dark theme then you surely looking for some cool black social media subscription widget for your blog. In this post i am going to share the same which you are looking for for your website. This black widget contain all major social media websites like twitter, facebook, google plus, Youtube and rss by feed burner. This widget is clean, fast loading and small in size. You can easily add this widget in your blog. Just follow the below steps and also look for other cool social media widgets that i have shared in my previous posts.
css3 animated social media widget
perfect email subscription widget
social and email subscription widget
hover style social mdia 
metro style

Demo 

How to add this widget in your blog!

Log in to your Blogger dashboard.

Select your template in which you want to add/install this widget.

Go to layout >> Add a Gadget >> select HTML/JavaScript

 Paste the below code and save it. Now save arrangements.

HTML And CSS 

<style>
#BB-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;}
#BB-newsletter .BB-title {  margin-bottom:10px;margin-top:-10px; }
.BB-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>
<div id="BB-newsletter">
<div class="BB-title">
Get Email Updates</div>
<div class="BB-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=bloggingqbee', '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="bloggingqbee" />
<input name="loc" type="hidden" value="en_US" />
<div id="sb-nl-members-count">
<table border="0">
<tbody>
<tr>
<td style="padding-right: 4px;"><a href="http://twitter.com/bloggingqbee" target="_blank" title="Follow Me On Twitter">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7qelG7BjYRkTCLZLKnEc3DxSL9bhyphenhyphenJdgWYe3WgXB-fN7mSnijzUvK4lw53TDKJx4-jTkUy8izQIWcrlwbTy7qgVG-kIm7ZWZkIC_Z0ZrGf6EsFzDGHJzNJUV8BLcGscd0tXF9rRKpHp8/s1600/bloggertrix.com-twitter-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/bloggingqbee" target="_blank" title="Subscribe Via RSS">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBqbpkUe4zzEygEdZN4LjwL64QYKzZ9U2SNEm8bguEcZWaoFPKHFIhl3ofYWk5fClf6SeDKzCQMKavp3D51ge6JnzD8BYZnSlvSQ5rs7IVbRhBZDJs90VLmO-JUvzlEiA1QypM4lJVmbY/s1600/bloggertrix.com-rss-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/bloggingqbee" target="_blank" title="Find Us On Facebook">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7e5QP8p2e1a8IdOh3FcE8Vijh4TRudpT976dRTdLXxDutIJye53P9Fz3iBWZHdU34ekZ0FgYmDkJFYPKkn3k9fzhQj3OVGLHNcvJ-aCfJfsyey-gSUrSSkzv4oR5ZiMp6P0r8JrbNwOM/s1600/bloggertrix.com-facebook-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="https://plus.google.com/110989633346810310335" target="_blank" title="Add me on Google+">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVmmZWhYE0-wAFZrZpsrBUKU1S1uX9vMtoYDXMc2_LUsAciiOzLk7t99JxZtI3ZDX6jq2iLNRO9a4OLjsTnYAtCpw1TVi_Y6SH7_jwCAt5-x9j10m-0gzxz6pLK5CFGoaG7ghyFAewUz8/s1600/bloggertrix.com-google-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://youtube.com/your%20youtube%20id" target="_blank" title="youtubr subscribe">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ02ZwCEow-4OUExqTaYtFc8utwsn2zC3fQB67Yn2Fw1jp0E81kRNwfz6iRt_gMIkn7YfVKgzXZLrlYlUJT_UMMwVmiDA6CJflh1rHUuwhnG4CpLRG3Fo8-2wNvj-gMIt64QOyfvKeqOI/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>

Customization Of this widget!
You just need to replace bloggingqbee with your own social profiles links and you are done…..!
Subscribe and like us!
Enjoy!