Add a Stylish Subscription Box With Social Media Buttons Below Every Posts

Adding a Stylish Subscription Box Below Bloggers Post is a great techniques to capture your blog post readers never to leave your bloggers blog. Giving them the opportunity to subscribe to your bloggers blog will definitely increase the count of your blog readers. By adding a Subscription box to your blog post or below your blog post will also create an opportunity for your blog readers never to leave you website or blog.I included stylish social media follow button with the subscription widget.
Adding a Subscription Box Below Bloggers Post is also a means of creating awareness for your blog readers, i mean whenever you make any new post from your blogspot blog, they’ll be notified in their email and from there you get more traffic to your blog.

---

 Add a Stylish Subscription Box with social media button  Below Posts

---

1-Go to Blogger DashBord.
2. Template>> Edit HTML>>Proceed >> Check Expand widget template.
3. Find the following code:
<data:post.body />
4. Past the below code after this
<b:if cond='data:blog.pageType == "item"'><br />
<style>.RBstyle{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBWwKtZZKj-kfE70ThLAHUGW6htpAawaN_4lUuDND-HzUqmG9ip9XYgKBD4YT9tk3miiRmTdpd9B1HYeta1Yhir7SXCtTh1aH9fVtvgJ03KKNHVzM9ZyC-SKOjuDYV7MHxaG7iKyfKYptu/s400/email_icon.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; } .RBsubmit{ 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='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 ); background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); } </style>
<p><center>
<div id="emailwidget-outer">
<div id="emailwidget">
<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 15px;">
<p style="color:#008E00; font-size: 15px; margin:0px 0px 5px 0px; ">Get free daily email updates!</p>
<form action="http://feedburner.google.com/fb/a/mailverify" class="feedburner" method="post" onsubmit="window.open(" http:="http:">  <input name="uri" type="hidden" value="Realcombiz"><input name="loc" type="hidden" value="en_US"><input class="RBstyle" 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 email…"> <input alt="" class="RBsubmit" title="" type="submit" value="Submit"></form>
</td>
<td style="border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">
<p style="color:#008E00; font-size: 14px; margin:0px 0px 5px 0px; ">Follow us!</p>
<p><a href="http://feedburner.google.com/fb/a/mailverify?uri=allbloggingtool" rel="nofollow" target="_blank" title="Suscribe to RSS Feed"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLHdnoG0S9SoB6rxKQLKw_i8vQxzwoHGHULYSSlkWVgZZ5n5UAOukNII9QlGRIcrn_zEDRmnvs6ahi55PPv7l9xvleOce-nPzrWn9FZWlV8gQVSCKhiLY8gfMRIdq6B1AJMVJTBok2VKE/s1600/rss-30×43.png"></a> <a href="http://twitter.com/akhilabraham03" rel="nofollow" target="_blank" title="Follow us on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIMPy0YDqbHddZ6AXVsl-_bAOKBM3wLfbnkBNgNjoDKKWtWNF54PPfctfoaqS7ZK61LG-EBntFa-f2d7PTyyn5JCC0lUdXKm_KBa3C73mZiOqG_2oKof4OikuqBiy73qB_cY4mQvMRZ0c/s1600/twitter-30×43.png"></a> <a href="http://www.facebook.com/allbloggingtool" rel="nofollow" target="_blank" title="Follow us on Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jfCvVl3-gO5gpy_DFvIsCc4Mp5-DfW_K7w2nLhIa0NpPDwe7fnmJtUvLUK6k-bKTe8PGBg9WqsXPPWWfGDay1fsP8knL-lDiKUfSEwugf1UvRdZxImPHnOs3BmtPHrYkUV3RjkmRFmI/s1600/facebook-30×43.png"></a> <a href="https://plus.google.com/108358802743279232329" rel="nofollow" target="_blank" title="Follow us on Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVqsUtQ3GGFfghpY4J18haIrLUwg7EgtXIo4gShv-AaDxRNoZaOg_5DTc1oYEsNQ2oo-1sUCl2cZenBvLgeH47ZvZnbzGS076R-uWYle6bB9bTIH03sEqjnrpM8UVuoJS5RxAauJNdkUg/s1600/googleplus-30×43.png"></a>   </td>
</tr>
</tbody>
</table>
</div>
</div>
<p></center></b:if>
Make these changes

---

**Change allbloggingtool with your feed Name.
**Change akhilabraham03 with your twitter account name.
**Change allbloggingtool with your facbook page name.
**Change 108358802743279232329 with your Google+ adress. 5-Save template.
If you have any questions about his widget, feel free to contact with us.You can use comment box for that.
At Last Have a Nice Day….