Tuesday, November 15, 2011

Blogger: add Google +1 button, Facebook Like button and Tweet button for the whole blog

Add this gadget into the blog:


Script for adding Tweet Button:

<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>


For more information visit this site: https://dev.twitter.com/docs/tweet-button

Script for adding Google +1 Button:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone></g:plusone>


For more information visit this site: https://developers.google.com/+/plugins/+1button/

Script for adding Facebook Like Button you can generate here:

http://developers.facebook.com/docs/reference/plugins/like/

Add all three scripts into HTML/JavaScript gadget. It should look like this:


I pasted <p></p> tags between scripts to make a distance between buttons. Apply all changes to the blog a see the result:

1 comment:

  1. thanks a lot, I tried a few advices from others but they didn't work, yours work!
    see here http://philippinessaint.blogspot.com/
    so for an amateur like me you saved my day, thank again...

    ReplyDelete