17 January 2012

HOW TO ADD OFFICIAL GOOGLE +1 BUTTON TO BLOGGER / BLOGSPOT

    Google 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 :-
    SmallMediumStandardTall

    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!
    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
    Drop Your Comments :)

    No comments:

    Post a Comment

    We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.