Social With Email Subscription Widget For Blogger

Checkout this awesome subscription widget with integrated social icons

How To Add This Widget To Your Blogger Blog ?

 1.Go to www.blogger.com and select your desired blog. 

2.Go to the Layout section of your blog. 

3.Click on Add A Gadget. 

4.From the list that appears, select HTML/Javascript 

5.Paste the below code into the box that appears.

 

 div class='widget-content'>
<style type='text/css'>
.social a{padding: 6pt 6pt 6pt 5px;font: bold 12px Calibri,Helvetica, Arial, sans-serif;text-decoration: none;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #dcdcdc;}
.social a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.social a:active{color:#000;border-color: #444;}
.sub-box{
background: #fff;
width: 270px;
padding: 2px 5px 7px 7px;
border: 2px solid #000;
border-radius: 15px;
}
.sub-box:hover{
border-style:dashed; 2px solid: #389af2;
}
.emailform{margin:30px 0 0; display:block; clear:both;}
.emailtext{margin:20px 0 0;background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYBNwOHznNPxSH5hgy4989Bqz7nCnVDQnm-eYpEcF4TCfZQBG-FsrSDYntMpHFp9DBteWkPFPXqKrHmsJcEWytc_ZFkR9UCn7Z3WzuRVTAcxK0l8bAQZmugF9MTUtNj2ykS9_t0HO4ucw/s1600/email.png) no-repeat scroll 0px center;padding:5px 5px 4px 30px;color:#444;font-weight:bold; text-decoration:none;border:1px solid #ccc;width:170px;}
.emailtext:focus{outline:none;}
.sub-button{color:#eee;font-weight:bold; text-decoration:none;padding:6px 8px; border:1px solid #666;cursor:pointer;background:#ff748c}
.sub-button:hover{color:#eee;border-color: #999;background:#ffa7b6}
</style>
<div class='sub-box'>
<center><div class="social">
<table><tbody><tr><td>
<a href='http://facebook.com/zgamerxs' target='_blank'><img alt='Facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhy6cAPJ6oRz-ZUFX1MLcgT7lSPbDmsbROa8UNyH4fon3DJZ1jMvf57-Q-YCNtM518LzjMnljDjUlyQyhsiOuctQ4m_jQ3uFHrc5ANJ-akHA2DX33NPX8XrNMwCRy5eXpe9bOnJNS7GlA/s1600/facebook.png" border="0" title='Follow Us On Facebook'/></a> </td>
<td> <a href='http://twitter.com/vishalassassin' target='_blank'><img alt='Twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhELimhkNbLyRWyxgO0RgtUJzpHWIYSSzifI0aFv3PA5RQUIPrpM8n1WmNbl3bYd-D0R__Eq5m2H3YZmDn_rX1GjPvcQLoLvpr8C8gh-W3dh7eGQo28GyGIEUztt0IFe7yUy18rde79hus/s1600/twitter.png" border="0" title='Follow Us On Twitter'/></a> </td>
<td> <a href='https://plus.google.com/103503580424052614840/posts' target='_blank'><img alt='Google Plus' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgesw-4krzSr3bS6sE7umvpBw8Gjm5WF0kPJJ_y9RrWLROIFgUlOEny_Opm96RtufxEuq8AuyP3JPacWPwrZ5j7ZUiqs8HT8zwaIqDc3GeJCr1Ti1IR93GPmOxbdCFpeDdIp83u0SI8o2E/s1600/googleplus.png"  border="0" title='Follow Us On Google Plus'/></a> </td>
<td> <a href='http://www.pinterest.com/vishalassassin' target='_blank'><img alt='Pinterest' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgll5rf4Wd6bc09E5wLmIsjszvYQlHtbzgeGGnzuIXuJq-3miI6kAH1FdUWfz65jfNzZI7ephgyf0NmASG3lvQRXZy1sFD94S1Kq3mYzDyvfzg10Gpyv3i4TTsNXddFqOJ4qNjSwIFpRG0/s1600/pinterest.png"  border="0" title='Follow Us On Pinterest'/></a> </td>
<td> <a href='http://www.stumbleupon.com/stumbler/vishalassassin' target='_blank'><img alt='Stumble Upon' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7XX5Qz-Yn12wmSPcPMPCLCwySicPBDsPKpRBlbSYpkrlQCUA5XIcf66vr2vJQQAqtfzdtkMzow566Wfe1fQRecfRKnfFrKZduoZ1cE2RngiwvNBcyGr4LSVmfn7WkMS9DpoPup5p5hwE/s1600/stumbleupon.png"  border="0" title='Follow Us On Stumble Upon'/></a>
</td></tr></tbody></table> </div></center>
<center>
</center>
<div style="text-align: left; display: inline-block;">
<h8 style="display:block;font-family:'calibri';font-size:17px;font-weight:bold;">Enter Your Email Below And Subscribe To Our Daily Newsletter !!</h8>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=zgamerx', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="zgamerx" name="uri"/>
<input type="hidden" name="loc" value="en_EN" />
<input type="text" 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;}" value="Enter your email..." name="email" class="emailtext" />
<input type="submit" class="sub-button" value="Enter" title='' alt='' />
</form></div><small> PS : We Hate Spamming Too ! You Are Safe With Us.</small></div></div>

 

customizations

 Change red url/name with your own.

Enjoy.....