300x250 AD TOP

Take A Break

Recipes

Contact Form

Name

Email *

Message *

Recent Comments

Alexa Rank

Widgets

Powered by Blogger.

Followers

Popular Posts

Latest Posts

Neighbours

Wednesday, 13 February 2013

Tagged under:

How to Add Google +1 Button to Blogger?

Google +1 ButtonExams are very very close. Running out of premium set of widgets and tutorials. But as you all know, Google Plus is becoming a very popular social network these days. Just after its release, Google has always emphasized a lot on using its social media more and more. Also now the google+ button has now become a must to add plugin for Bloggers allowing their readers to recommend their content on the web and more to Google! According to Google, this plugin has been released to improve Google's search algorithm and again weed out spam from its roots. It is aimed to make the Search results more relevant and useful. This is another great tool to increase the PR, relevancy and importance of your blog. As Google said, this plugin helps users recommend content to Google and also recommending something to Google means chances for your blog's PR to improve.

Add the Plugin to Blogger

  1. Go To Blogger > Template > Edit HTML
  2. Backup your template
  3. Search for <head>
  4. Paste the following code below just above <head> tag,
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'></script>

      5.  Now you simply need to add the plugin anywhere you want in your blog.

     6. Check
     7. Search for <data:post.body/> 
     8. If you wish to add the plugin below the post titles then add this code above  <data:post.body/> and if you wish to add the plugin at the end of your posts then add this code below <data:post.body/>.

<g:plusone expr:href='data:post.url' size='standard'></g:plusone>
  • You can change size='standard' medium, small or tall. Choose the size that may blend your template. 
If you want to recommend your blog or your page, add this code,

<g:plusone href='YOUR BLOG OR PAGE URL HERE' size='standard'></g:plusone>
  • You can change size='standard' medium, small or tall. Choose the size that may blend your template. 
  • Replace YOUR BLOG OR PAGE URL HERE with the URL of your blog.
      9. Save your template to see it working. Have fun! :>

Use MBT HTML Editor to edit the codes and change the sizes.

Any Further Help?

If you are facing any problem in adding the plugin to your blog or facing any difficulty in customizing it, then don't hesitate to ask because you guys know I love it when you post queries. Peace and Blessings :)

0 comments:

Post a Comment