Search Box by All Blogger Tricks

Saturday 7 September 2013

Official Google +1 Button Widget for Blogger


Freelance Jobs



How to Add Official Google +1 Button to Blogger / BlogspotGoogle Released their another Official New +1 Button for websites and Blog. when you +1 the any page form Web, this will gives that the webpage recommend to your friends and contacts in Gmail. While your friends Searching on Google, your Recommendation will be visible as in Search Result(s).

One of My Friend Paul Crowe (Admin of spiceupyourblog.com), He +1 a page on his Blog
Now I am Searching for “twitter follow button for blogger” in Google.
then i see a +1 recommendation form Paul Crowe in the Search Results.
this means he saying this is Best Stuff. :)
How to Add Official Google +1 Button to Blogger / Blogspot
Watch this Video for Better Understand of +1 Button

How to Add +1 Button to Blogger Posts

Blogger giving this button with Blogger Official Share buttons
How to Add Official Google +1 Button to Blogger / Blogspot
to Enable this button
  1. Go to Blogger Dashboard > Design Tab > Page Elements
  2. Edit Blog Posts and tick the Show Share Buttons checkbox and Save it!
How to Add Official Google +1 Button to Blogger / Blogspot
Demo :-

Small Medium Standard Tall

How to Install +1 Button on Blogger Posts

  1. Login to Blogger Dashboard > Design Tab > Edit HTML
  2. Click on Expand Template Widgets checkbox
  3. Find for </head> tag
  4. Paste the Below +1 Button Script Code Before it! and Save your Template.
    <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
  5. Use the Below Button & Generate a Widget Code and Copy it! Generate Widget
  6. Now Find for <data:post.body/> tag
  7. Paste the Coppied Code Before or After it! and Save your Template.
  • if you put the code Before <data:post.body/> tag then it will appear at the top of the post
  • if you put the code After <data:post.body/> tag then it will appear at the Bottom of the post
  • if you put the code both Before and After <data:post.body/> tag then it will appear at the both top and bottom of the post

Need more Customisations ? Comment your combinations
Below and We will add that in this post as soon as Possible


0 comments

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Support: Contact Us | Feedback & Support | About Us
Links: Developer | Request/Publish/Remove Widget | Widgets by Widgets Bay
Donate Us via: PayPal Powered by: Blogger
Published by: Widgets Bay | Privacy Policy | Terms of Service
Copyright © 2013Widgets Bay - All Rights Reserved