A Social and Email subscribe widget is must needed in log , For update Blog Popularity and Fame. This widget will help you to grow more audience for your Blog. As this widget is suitable for Below Post so this will make more Subscriber to your Blog.
Suppose you write an awesome article about any thing and Visitor loved that article and want to know more about topic, So this widget will help alot for that visitor. He/She simply see the subscription widget Below your Post and subscribe to you easily.
What More in This widget ?
This widget contain Social Profile Links Too. From which you can also increase your Social Popularity. Awesome Look and design. You Look Demo of the widget Below this Post.
Code of Widget
__________________________________________________________________________
<b:if cond=’data:blog.pageType == "item"’>
<style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}
.techghoul-email-style{
padding:7px 15px 7px 5px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.techghoul-email{
background:url(http://2.bp.blogspot.com/-oHGqJ1etW_M/UDRi0T2OkXI/AAAAAAAAAyw/voPqdzqf-F4/s1600/MBT+Stay+Connected+Email.png) no-repeat 0px 13px ;
width:300px;
padding:10px 0 0 55px;
float:bottom,left;
font-family: "Trebuchet MS",sans-serif;
font-size:1.2em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.techghoul-submit-button{
color:#000000;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #c4c4c4;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #00ff01;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#tgemailwidget-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 5px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #c4c4c4;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:auto;
margin:10px 0;
}
#tgemailwidget-outer: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);
#tgemailwidget-outer td{
padding:3px 0;
}
</style>
<center>
<div id=’tgemailwidget-outer’>
<div id=’emailwidget’>
<p style=’color:#333; font-weight: bold; font-size: 23px;font-family: "Georgia MS",sans-serif; margin:0px 0px 5px 0px; ‘>Subscribe And Get Latest Updates Free !</p>
<table style=’border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;’ width=’100%’>
<tbody>
<tr style=’border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;’>
<td align=’left’ style=’border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;’>
<div class=’techghoul-email’>Enter Your Email Below !
<form action=’http://feedburner.google.com/fb/a/mailverify’ class=’feedburner’ method=’post’ onsubmit=’window.open('http://feedburner.google.com/fb/a/mailverify?uri=youthyantra', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true’ style=’margin: 0pt;’ target=’popupwindow’>
<input name=’uri’ type=’hidden’ value=’youthyantra‘/>
<input name=’loc’ type=’hidden’ value=’en_US’/>
<input class=’techghoul-email-style’ name=’email’ onblur=’if (this.value == "") {this.value = "Enter your email…";}’ onfocus=’if (this.value == "Enter your email…") {this.value = ""}’ type=’text’ value=’Enter your e-mail’/>
<input alt=” class=’techghoul-submit-button’ title=” type=’submit’ value=’Submit’/>
</form></div>
</td>
<td style=’border:none; margin: 40px 0px 0px 0px; padding: 40px 0px 0px 0px;’><p style=’color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; ‘>Follow us!</p>
<a href=’http://www.facebook.com/youthyantra‘ rel=’nofollow’ target=’_blank’ title=’Follow us on Facebook’><img src=’http://1.bp.blogspot.com/-LD0d-9L9htc/USzGxeldUrI/AAAAAAAAB_o/wIECIVLNbeY/s1600/1.png’/></a>
<a href=’http://twitter.com/youthyantra‘ rel=’nofollow’ target=’_blank’ title=’Follow us on Twitter’><img src=’http://3.bp.blogspot.com/-W41cBI40RDY/USzHTx46ZPI/AAAAAAAAB_4/s2lwVArAKrk/s1600/4.png’/></a>
<a href=’https://plus.google.com/110282666884267634821/posts’ rel=’nofollow’ target=’_blank’ title=’Follow us on Google+’><img src=’http://3.bp.blogspot.com/-Oiq3VW8xc-8/USzHToQQxcI/AAAAAAAAB_w/K8UY3Mb9Beo/s1600/2.png’/></a>
<a href=’http://www.fb.com/rajbahar585/’ rel=’nofollow’ target=’_blank’ title=’Follow Us On Facebook’><img src=’http://2.bp.blogspot.com/-nzC5j-Bzchw/USzH2hV3NWI/AAAAAAAACAI/5P6-Dd54XME/s1600/4.png’/></a>
</td>
</tr>
</tbody></table>
</div></div>
</center>
</b:if>
__________________________________________________________________________
Change Some Values Before Apply The Widget…..
Change Feed Username : Default is Youthyantra
Change Facebook Page Username : Default is youthyantra
Change Facebook Profile URL : Default is www.fb.com/rajbahar585
Change Google + Profile URL : https://plus.google.com/110282666884267634821
Enjoy and Share With your Friends 
Wooww,It’s Look awesome,But tell me one thing where can i Paste this Code in my Website..
Below Post …. This will give you advantage
Helpful post…… Thanks for distributing information
My Pleasure Vikas