Do You Like This Story Social Subscribe Widget

In this Tutorial Iam Going to Guide You to Add This "Do you Like this Story Social Subscribe Widget".Well this is a Special Widgets that Aligns Below the post Body.this Allows the Users to Subscribe to your blog posts Very Easily So Add this Widget to Your Blog...This is a MBT Widget.Inspired by MBT..

How to Add Do You Like this Story Widget:.


Login to Blogger < Template < Edit Html < Proceed (New Blogger).
Now Check Expand Widget Templates Option.
Now Search for the Below Code

<data:post.body/>

Now Just Below the Above Code.. Add the Following Code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style> 
form.emailform{ 
margin:20px 0 0; 
display:block; 
clear:both; 
} 
.mbttext{ 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha44zz1C4WqCpcSbItL0BbtA8KUkLkRwj2o6gfM9vF8Kn_ffF5EfZqd4_zmZDJC0Ab17tgqfDY-m67R1ziFTE0U_lffH2loTEV-JLrvrhMbGzAi8c1O9vO58RIyhv5o5ImwgncB-40wU1t/s28/w2b-mail.png) no-repeat scroll 4px center transparent; 
padding:7px 15px 7px 35px; 
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; 
} 
.mbtbutton{ 
color:#666; 
font-weight:bold; 
text-decoration:none; 
padding:6px 15px; 
border:1px solid #D3D3D3; 
cursor: pointer; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-goog-ms-border-radius: 4px; 
border-radius: 4px; 
background: #fbfbfb; 
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=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 ); 
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 
}

#doulike-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: 10px; 
background: none repeat scroll 0 0 transparent; 
border: 1px solid #D3D3D3; 
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:480px; 
} 
#doulike-outer:hover{ 
background: none repeat scroll 0 0 #FFF; 
-moz-box-shadow: 1px 1px 2px #CCC inset; 
-webkit-box-shadow: 1px 1px 2px #CCC inset; 
box-shadow: 1px 1px 2px #CCC inset; 
} 
#doulike-outer td{ 
padding:3px 0; 
} 
</style>

<div id='doulike-outer'> 
<div id='doulike'> 
<table width='100%'> 
<tbody> 
<span style='font-style: italic; font-size: 30px; font-family: arial,sans-serif, verdana; color:#FF683F;'>Do you Like this story..?</span> 
<tr> 
<td>

<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='300'/>

</td>

</tr>

<tr>

<td align='left'> <p style='color:#666; font-style:italic; margin:0px 0px 5px 0px; '>Get Free Email Updates Daily!</p> 
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Goodinblogging&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'> 
<input name='uri' type='hidden' value='tntbystc'/> 
<input name='loc' type='hidden' value='en_US'/> 
<input class='mbttext' 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='mbtbutton' title='' type='submit' value='Submit'/> 
</form> 
</td>


<td><p style='color:#666; font-style:italic; margin:0px 0px 5px 0px; '>Follow us!</p> 
<a href='http://feeds.feedburner.com/Goodinblogging' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWjn9ZfEh_YGw_xsmwPDk1aAwLNyNB-KOeFhlnT61XJhrgSdq0xrsN6C5F8wXBRgDbFV_ZTqFbvgyAEk0GZwoYXf0zkv9gIbAXcxe-L0_DrXmHXkFjIXzcTwiJ8OUDAQps2vsRNUTTXXkS/s40/w2bRSS+.png'/></a>

<a href='http://twitter.com/saikiransama' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5WilU-MU6V68wFo0fS5ffrlEbmQ476llk7X9XxzlevOGHy0epPar3TA-I0SK998jMEbWzvPOTlkOrBW7VcxCZD4IqIU79fl-dj37tUcaZOPne7xuuO4z0ObuChAekn0s7BFCoXRIY4yYp/s40/w2bTwitter.png'/></a>

<a href='http://www.facebook.com/technouniversity' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhu_RvGGoRxZyCNafzClpEC0XdymdprkmUj2DGrT3Xi_3FcsawKb0JtFK3gdDkeTUlBujUpoWkJtMV0VX_RxNNjH5kjKpP_u5pgvnE51_etrdLWjHzPpn3_TVjHcogpQbAs5WPeVJiMMmO/s40/w2bFaceBook.png'/></a>
</td>

</tr>

</tbody></table></div></div> 
</b:if>

Now Make Changes to the Above Highlighted Text to your Respective Url's That's it Now You're Done.