thn google
+13,700
twitter big logo icone 5336 48
1,755
Advertisers Tag Here
Join over 45,931 Daily Readers, Users, Subscribers
..who get notifications via Emails !
Jobs

15 Sept 2012

How To Add Subscribe Box And Social Sharing Button Below Blogger Posts

Labels: , , , ,

How To Add Subscribe Box And Social Sharing Button Below Blogger Posts

  1. Go To Blogger - Design- Edit HTML
  2. Backup your template
  3. Click the "Expand Widgets Template" box
  4. Search for this,
<data:post.body/>
paste the following code below it


<body>
       <div class='widget-content'>
<div style='background-image: url(&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAk_UpZMybwdLn9LlaxwqI5LafMN1OOmeaA9YD3h78h6LJSPrmUPu2UlaojqvDMmIAs5XM6ariANOREEP741OodtfaUQoOQLkefl_b7zi6bdAhBbNQowDluHDkKtZcRJsQ81jTrOEy8lw/s1600/subscribe.jpg&apos;); height: 161px;'>
<div style='padding:70px 210px 0 75px;float:left;'>
<div style='float:left; margin-right:5px; margin-top:2px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size='tall'/>
<!-- Place this render call where appropriate -->
<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script></div><iframe frameborder='0' height='240' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FTricks2Blogging&amp;send=false&amp;layout=box_count&amp;width=60&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=90' style='overflow: hidden; width: 60px; height: 90px;' width='320'/></div><div style='padding: 70px 0 0 80px;'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=ChangeIt&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><p><input gtbfieldid='2' maxlength='100' name='email' onfocus='this.value = &apos;&apos;;' size='25' style='width: 140px; height: 21px; font-size: 11px; color: rgb(51, 51, 51);' type='text' valign='middle' value='Enter your email address'/>
<input name='uri' type='hidden' value='
ChangeIt'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='submit' type='submit' value='             Subscribe             '/>
</p>
</form></div></div></div>
    </body>

Save your template.


  • Replace the green highlighted script with your own plus one badge script available at google plus site.
  • Replace for  Tricks2Blogging with your facebook username.
  • Replace  ChangeIt with your feedburner title.


Now you check your post.You can see the cute subscription box along with facebook like and google plus button