How To Add A Social Subscription Box With Social Media Icons In BLogger.

Hello Bloggers, Me Harry and today I provided you a awesome subscription box. In this widget we added social media networks icon so you can also place your social media links here and get more traffic. Social media sites are most important parts of our sites in these days because all peoples use these networks and it is very important to gave the daily users an simple way to subscribe in order to got new and latest updates in their inbox and stay connected with us. So in this box are social media networks are added and you can add this subscription box or widget to your blog from below. Read below and use this widget. We also place a Live Demo below you can check it below.

Live Demo Of Widget

Learn How To Add This To Your Blog.

1) Open Your Blogger Account.

2) Open Your Layout of Blogger.

3) Click On Add a Gadget Button.

4) Then Click on HTML/Javascripts.

5) Paste The Below Code In It.

<style>

.subscribebtrix {

border: 2px solid #000000;

padding: 8px;

width: 310px;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

.subscribebtrix:hover {

-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);

-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);

box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);

}

.tbimailbox {

border: 1px solid #D3D3D3;

-webkit-border-radius: 4px;

border-radius: 4px;

-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;

-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;

box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;

color: #666;

font: 14px "trebuchet ms", sans-serif;

padding: 7px 15px;

width: 160px;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

.tbimailbox:hover {

-webkit-box-shadow: none;

box-shadow: none;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

.btrixsubmit {

font: bold 12px Tahoma, Geneva, sans-serif;

font-style: normal;

color: #ffffff;

background: #ff5714;

border: 0px solid #ffffff;

text-shadow: 0px -1px 1px #222222;

box-shadow: 2px 2px 5px #000000;

-moz-box-shadow: 2px 2px 5px #000000;

-webkit-box-shadow: 2px 2px 5px #000000;

border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

-webkit-border-radius: 10px 10px 10px 10px;

padding: 8px 15px;

cursor: pointer;

margin: 0 auto;

}

.btrixsubmit:active {

cursor: pointer;

position: relative;

top: 2px;

}

.btrixsubmit::-moz-focus-inner {

border: 0;

padding: 0;

margin: 0;

}

</style>

<br />

<div class="subscribebtrix">

<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">

Free Updates to your Inbox</div>

<div style="margin: 10px 0 0 6px;">

<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MyGalaxyTricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">

<input name="uri" type="hidden" value="MyGalaxyTricks" />

<input name="loc" type="hidden" value="en_US" />

<input class="tbimailbox" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />

<input alt="" class="btrixsubmit" title="" type="submit" value="Subscribe" />

</form>

</div>

<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">

Follow us:</div>

<div style="margin: -32px 0 0 120px;">

<a href="http://www.facebook.com/MyGalaxyTricks" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_j9f8S_2kG077v1yGIAiWjg8Pbisi310hRzIZaqo5f2HdVg4N9NP-dKYSMLbZ1J4mW7GgKu4rEjFxOZEJLoOaazPX2JahGlHlkgNQI1dp3-fTZLmWTdXZAxEWpHdDXnCkUrmNHoyslf0/s1600/facebook_btrix.png" /></a>

<a href="http://www.twitter.com/MyGalaxyTricks" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQV6ZyTDre6CoNNm75fY5133a6JSla-JoRj9XIH8zLwK7aektTqFyioJcBCHONFN2iCisO31uPggmM-0BCfBXfe6iMOo4H_jUA5eZKzmlRLXWvcZX8WYLvWmP0p_8TCcEyFDzglU78E3w/s1600/twitter_btrix.png" /></a>

<a href="https://plus.google.com/Username" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl1NrWHzGsZhz2sl2pU_CaMyXT7h2PWBDTwPMtRciAdDihyphenhyphenqBTgkruZgWKX85osw61WBC5ah3zKmXEoKwlbhKxRAk7tk-0iV96jfnG9E6bERdvyNPkjCQFb13TDzBZyFAgxUvk6GIBE2Y/s1600/googleplus_btrix.png" /></a>

<a href="http://www.pinterest.com/MyGalaxyTricks" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEsVFMFhvDH5XBYxYB3iUPhIK6GfxcEYDeKAKrCf6jQA-i7eTCTpefsnInmgnUJ8CBvcxPj43CE1re6bd8favRK7f9el63P5hir5vUWAxq2rqmLzJvh-mC4rWuVdOHRTpa_21uNsDCBEY/s1600/pinterest_btrix.png" /></a>

<a href="http://feeds2.feedburner.com/MyGalaxyTricks" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd7GHKuY-dxk_np-7kebs8DLuzS52Hi6CaNKxcTVUfRNVl8nGkkfGNcsLpd3abRjzDr8ciylqftF7p6xnJXH6RBiVoWhHKXN41IH2hfgbFJ6Mq60MqckTxInrgY7AagQnSoHuaN-YW3Rk/s1600/rss_btrix.png" /></a>

</div>

<div align="center">

<a href="http://feeds.feedburner.com/MyGalaxyTricks"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/MyGalaxyTricks?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div>

</div>

6) Replace the MyGalaxyTricks that is in blue color with your usernames.

7) Now Click on Save Changes.

8) Now View Your Blog You Will See The Widget In Your Blog.

If You Have Any Problem Then Comment Below or Contact-Us. Hope this Post will Help You Also Share This Your Friends. EnjoY!!!