Social Networks

Few days back, Google released its Google +1 (“plus one”) button to compete with Twitter’s Tweet button and Facebook’s Like button. This is a big step towards adding the social aspects to the search results. If you have not incorporate it into your website, do it as soon as possible. Because, This button can generate a potential traffic and exposure to your web site. All your visitor need to have a Google account to use your Google button.

Follow these steps:
Step 1 : First enable share buttons for blogger editing the Blog Posts widget from Page Elements section.

Step 2 : Go to “Edit HTML”. Click on “Expand Widget Templates”

<b:include data='post' name='shareButtons'/>

Step 3 : Find this and remove it:

Note : If you can not find above code, then skip that step.

Step 4 : Now add below code just above the <head> tag


Step 5 : Scroll down to where you see below code:

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

Step 6 : Now Copy below “Blogger Sharing buttons” code and paste it just below the above code.

NOTE: If you can’t find <div class=’post-header-line-1’/> in your template, paste “Blogger Sharing buttons” code just before <data:post.body/> .

<b:if cond='data:blog.pageType == &quot;item&quot;'><br /> 
<div class='post-share-buttons' style='float:right;margin-right:10px;'><br /> 
<b:include data='post' name='shareButtons'/><br /> </div><br /> </b:if>

This will show blogger sharing buttons below post header in blogger post pages..But if you want to show share buttons below blogger post,then paste your code just after <data:post.body/>.

Also if you want to show share button in every page, then remove the first and last lines form above code.

Step 7 : Now save your template and you are done.
 


 

None found.
  1. I am trying to integrate google plus. I have put following code into my html page.

    (function() {
    var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
    po.src = ‘https://apis.google.com/js/plusone.js’;
    var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
    })();

    This code displays the google plus button but when i click to the button it will ask for login and after giving loging id and password it will come back to my html page. and google plus button become red in color with exclamation mark.
    I have checked this with firebug console. It shows the following error
    [
    {
    “error”: {
    “code”: 400,
    “message”: “Cannot confirm a connection that was not proposed.”,
    “data”: [
    {
    “domain”: “global”,
    “reason”: “badRequest”,
    “message”: “Cannot confirm a connection that was not proposed.”
    }
    ]
    },
    “id”: “pos.plusones.insert”
    }
    ]

    Please tell me how to resolve this issue. Your site have google plus button Same I want to integrate google plus button on my site.
    How i can integrate google plus button on my site with properly workable.
    Please tell me the step by step process.

    Thanks

    • Hi, There are so many ways to add the google +1 buttin in the web site.

      Add +1 to your pages to help your site stand out check url – http://www.google.com/webmasters/+1/button/



      In my Tech Blog I have used “Tweet & Like” WordPress plugin.

Leave a Reply

Your email address will not be published. Required fields are marked *

Allowed Tags:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>