Links

http://www.allblogtools.com/tricks-and-hacks/add-facebook-like-button-for-blogger-blogspot-and-customize-it/

http://www.bloggersentral.com/2010/07/add-facebook-like-button-to-blogger_30.html

Continue Reading→

How to add Google Plus button to Blogger Post

Google Plus button is a simple plugin that lets people quickly share content. It can also display how many have +1d your Posts. Lets find out how to include this button in every Post.

• It is always a good practice to first take a backup of Blogger Template before modifying any code in the template.

•  Search for </body>

•   Copy following code and paste just after code </body>

<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>

• Paste the following code wherever you want to display Google Plus button.   

            <div class='g-plusone' data-size='medium'/>

• 'Save Template'

• Now you can see  Google Plus button appearing in your Post.

Continue Reading→

How to add Facebook Like button to Blogger Post

The Facebook Like button is a simple plugin that lets people quickly share content on Facebook. It can also display how many have really liked your Posts. Lets find out how to include this effective way of sharing Posts on Social Network.

• It is always a good practice to first take a backup of Blogger Template before modifying any code in the template.

•  Search for <div class='post-header-line-1'/>

•   Copy following code and paste just after code <div class='post-header-line-1'/>

 <div style='float:right;border:1px;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:20px;'/>
</div>

• 'Save Template'

• Thats it.Now you can see Facebook like button appearing after your Post Title.

Note:You can align either Left or Right by changing code in <div style='float:right;border:1px;'>

Continue Reading→