In blogger if we use Subscribe Us button under all posts, we can
get more visitor. Also it will help to give automatic news to your
regular or old blog reader. Here I will tell you how you can create an aewsome subscribe us button or box under all posts in blogger.
With this button you can send automatic daily news or new post news via
e-mail, Facebook, google + etc. To your blog reader and subscriber. Let's start......
1. First log into your blogger account then selects your blog where you will add this button.
2. Go template - edit html then create a backup of your template.
3. Now find this code by pressing "ctrl+f". code <data:post.body/>
4. Then copy the code given below and paste it under this code <data:post.body/>
Code:
<style>
/*--------"Subscribe Us Widget by seo-freelancer-tutorial.blogspot.com ------*/
<b:if cond='data:blog.pageType == "item"'>
<fieldset style='border:1px dashed #444;'>
<legend align='left' style='border:1px dashed #444;; padding: 4px 4px; margin- left: 20px;'>Subscribe Us</legend>
<style>
.Hackstyle{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvlM_DNiq-h6eihuSiO_KutqLpiX7p9i8I3dNIx8PMAIfJdWCCPzzpNsWBK4gB1tmOcoSNm6UefZFuaSbUEd5LVP7GSTMb7x7l3JzEKd3mD6uVhR5m3YSKDRtTbgkpPM5eiXl3l6sawNG/s1600/email_icon.png) no-repeat scroll 4px center transparent;padding:7px 15px 7px 35px;border:1px solid #D3D3D3;-moz-border-radius: 4px;-webkit-border-radius: 4px;color:#666;font-weight:bold;text-decoration:none;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;}.Hacksubmit{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>
<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table width='97%'><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:#444; font-size: 16px; 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://feedburner.google.com/fb/a/mailverify?uri= seo-freelancer-tutorial', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='projuktirkhela'/> <input name='loc' type='hidden' value='en_US'/> <input class='Hackstyle' 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='Hacksubmit' title='' type='submit' value='Submit'/> </form>
</td> <td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#444; font-size: 16px; margin:0px 0px 5px 0px; '>
Follow us!</p>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=seo-freelancer-tutorial' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqxGuDJsDyIMK2ManxaOb36YtcgbLKFuFveCefxE-a-ZKToFWdgjrIBoMHaxLwLEX5AcPbQwHL23zeZCwkihkpxE8zENi_PHC5Szkp4Zj1tNtSc1Qj-B2rxce3fNN4vX2yIAQYUyT1uKz3/s1600/rss.png'/> </a> <a href='http://twitter.com/seo-freelancer-tutorial' rel='nofollow' target='_blank' title='Follow us on Twitter'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYBxAhseGlRmffFIaM_WIQnM5t15lWBBNvf87zhyphenhyphenqo_zJoMv64_AyV2g2vmIUi_lLEoKXRll4PNlw0osaY8OQGHc4Jb0Z3uLF3L5Zf3YfVOpZlPMdk1AGvkI3iu1z-kCiwSSlMpUlEU4G9/s1600/twitter.png'/> </a> <a href='http://www.facebook.com/seo-freelancer-tutorial' rel='nofollow' target='_blank' title='Follow us on Facebook'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_TMn1ErBDj2lWpKpPsqgiXg1I9w6_t5VtcKongpxb1MTVba4pSujGUjxRuWEGrf6RqAAoJRXIlb_c4a5G9AN3lf-0D-mLLEnieQZG2JdMOb_yP8fHYLowrnOdSGzDRVqdrU3NScotXyiK/s1600/facebook.png'/> </a> <a href='https://plus.google.com/114393064100214202735/' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1BEFbIM9Ee3FIK425lq0I8l4iLIbLQLw75Ka629-uz0S2OyYD9gsiL3yeU39AyMhW_0nMAKqAAEnn1IHKdUHXzUyXXPliMl858ZE3mCklCqj0obXWZUedAHADte720Vbc74EfHLhCnrvG/s1600/gplus.png'/> </a> </td> </tr>
</tbody> </table>
</div>
</div>
</center>
</fieldset>
</b:if>
5. Now customize and change the blogs social page name by replacing your own-
Google+: 114393064100214202735
Facebook: seo-freelancer-tutorial
Feed link: seo-freelancer-tutorial
Twitter link: seo-freelancer-tutorial
6. Save your template and get awsone subscribes us button.
1. First log into your blogger account then selects your blog where you will add this button.
2. Go template - edit html then create a backup of your template.
3. Now find this code by pressing "ctrl+f". code <data:post.body/>
4. Then copy the code given below and paste it under this code <data:post.body/>
Code:
<style>
/*--------"Subscribe Us Widget by seo-freelancer-tutorial.blogspot.com ------*/
<b:if cond='data:blog.pageType == "item"'>
<fieldset style='border:1px dashed #444;'>
<legend align='left' style='border:1px dashed #444;; padding: 4px 4px; margin- left: 20px;'>Subscribe Us</legend>
<style>
.Hackstyle{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvlM_DNiq-h6eihuSiO_KutqLpiX7p9i8I3dNIx8PMAIfJdWCCPzzpNsWBK4gB1tmOcoSNm6UefZFuaSbUEd5LVP7GSTMb7x7l3JzEKd3mD6uVhR5m3YSKDRtTbgkpPM5eiXl3l6sawNG/s1600/email_icon.png) no-repeat scroll 4px center transparent;padding:7px 15px 7px 35px;border:1px solid #D3D3D3;-moz-border-radius: 4px;-webkit-border-radius: 4px;color:#666;font-weight:bold;text-decoration:none;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;}.Hacksubmit{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>
<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table width='97%'><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:#444; font-size: 16px; 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://feedburner.google.com/fb/a/mailverify?uri= seo-freelancer-tutorial', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='projuktirkhela'/> <input name='loc' type='hidden' value='en_US'/> <input class='Hackstyle' 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='Hacksubmit' title='' type='submit' value='Submit'/> </form>
</td> <td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#444; font-size: 16px; margin:0px 0px 5px 0px; '>
Follow us!</p>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=seo-freelancer-tutorial' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqxGuDJsDyIMK2ManxaOb36YtcgbLKFuFveCefxE-a-ZKToFWdgjrIBoMHaxLwLEX5AcPbQwHL23zeZCwkihkpxE8zENi_PHC5Szkp4Zj1tNtSc1Qj-B2rxce3fNN4vX2yIAQYUyT1uKz3/s1600/rss.png'/> </a> <a href='http://twitter.com/seo-freelancer-tutorial' rel='nofollow' target='_blank' title='Follow us on Twitter'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYBxAhseGlRmffFIaM_WIQnM5t15lWBBNvf87zhyphenhyphenqo_zJoMv64_AyV2g2vmIUi_lLEoKXRll4PNlw0osaY8OQGHc4Jb0Z3uLF3L5Zf3YfVOpZlPMdk1AGvkI3iu1z-kCiwSSlMpUlEU4G9/s1600/twitter.png'/> </a> <a href='http://www.facebook.com/seo-freelancer-tutorial' rel='nofollow' target='_blank' title='Follow us on Facebook'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_TMn1ErBDj2lWpKpPsqgiXg1I9w6_t5VtcKongpxb1MTVba4pSujGUjxRuWEGrf6RqAAoJRXIlb_c4a5G9AN3lf-0D-mLLEnieQZG2JdMOb_yP8fHYLowrnOdSGzDRVqdrU3NScotXyiK/s1600/facebook.png'/> </a> <a href='https://plus.google.com/114393064100214202735/' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1BEFbIM9Ee3FIK425lq0I8l4iLIbLQLw75Ka629-uz0S2OyYD9gsiL3yeU39AyMhW_0nMAKqAAEnn1IHKdUHXzUyXXPliMl858ZE3mCklCqj0obXWZUedAHADte720Vbc74EfHLhCnrvG/s1600/gplus.png'/> </a> </td> </tr>
</tbody> </table>
</div>
</div>
</center>
</fieldset>
</b:if>
5. Now customize and change the blogs social page name by replacing your own-
Google+: 114393064100214202735
Facebook: seo-freelancer-tutorial
Feed link: seo-freelancer-tutorial
Twitter link: seo-freelancer-tutorial
6. Save your template and get awsone subscribes us button.
When you will visit the official page you will find that there are two different versions of Like button for which the implementation processes are also different. The most flexible one is 
