Add +1 Button To Homepages To Increase Traffic

+1 ButtonThis is an important step that you must take the sooner possible. Google has expectations with this new social networking plugin and future ranking listings will be mostly based on personal recommendations based on your blogs and sites. We already added the +1 buttons below Posts in blogger and now it is time that you add one especially dedicated to the number of +1'ds made on your homepages. You can see this button added to the right of my navigation menu so that users could easily +1'd the homepage.

How to add +1 Button to Homepage?

1.  Select a HTML/Javascript widget and paste the following code inside it,


<g:plusone href='http://www.mybloggertricks.com' size='standard'/>

If you want one like mine then use this code,

<div style='float:right'>
      <p style='font:12px bold arial, verdana; float:left; margin:5px; 15px;'>Liked us?</p>
<g:plusone href='http://www.mybloggertricks.com' size='standard'/>
</div>

 

Make sure to replace my blog link with yours.

2.   If you have previously added the +1 buttons to your blog then you can skip this step else continue. 

  • Go To Blogger > Design > Edit HTML
  • Backup your template
  • and search for this,

</head>

 

and just above it paste the following code,

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

  3. Save your template and you are done!

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

12 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. hi mohammad,

    first of all, thanks for the tips. i actually need some help...i'm trying to insert +1 button next to my Facebook Like button in a sidebar widget but instead of appearing side by side, they appear top/ bottom. been adjusting the margin, padding, alignment but nothing helps. sometimes work on FF but not working on IE. sometimes all messed up on both browsers.

    can help?

    ReplyDelete
  2. @John
    Most welcomed pal

    @Smiley

    No problem friend. Use this code,

    <table border="0">
    <tbody>
    <tr>
    <td>Paste Like Code Here</td>
    <td>Paste +1 Code Here</td>
    </tr>
    </tbody>
    </table>

    ReplyDelete
  3. this is superb! got it to work well on both FF and IE...finally :D (i've spent hours on it) so many thanks!

    visit my blog at trendyrin.blogspot.com and if you like it, feel free to "like" or "+1" ;)

    ReplyDelete
  4. @smiley

    My pleasure friend. glad you finally did it. :)


    @Sam
    Buddy replace this code,

    <p style="font-family: Lobster,serif; font-size: 16px; font-style: normal; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0.1em; word-spacing: 0.1em; line-height: 1.2; margin: -30px; padding-left: 120px;">Liked us?</p>


    with this,

    <p style="color:#333333; font-family: Lobster,serif; font-size: 16px; font-style: normal; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0.1em; word-spacing: 0.1em; line-height: 1.2; margin: -30px; padding-left: 120px;">Liked us?</p>

    ReplyDelete
  5. I don't know but I already tried this before and it didn't work.. when I tried this, the font became a normal one.. but now it works fine.. dnt know what happened before..

    Thanks Bro :)

    ReplyDelete
  6. I got it what went wrong before.. I missed to add a semi-colon :P lol

    I finally added on main site.. It looks cool, isn't it?

    ReplyDelete
  7. Hey just saw that it doesn't looks fine in Chrome 12 and IE 9.
    It looks like this http://lulzimg.com/i23/d6c15b.jpg

    In Palemoon, Firefox 5 and Opera 11 it looks fine.

    ReplyDelete
  8. @Sam
    My pleasure. Dude you must play trial and error. I would appreciate that you use MBT HTML Editor in different browsers before implementing it on blog. This saves time.

    ReplyDelete
  9. Well that idea didn't came in my mind :P
    Will try it..:)

    ReplyDelete
  10. @Mohammad Mustafa Ahmedzai

    works fine up to today, suddenly aligned to the left (previously aligned to the center together with the fb like button). tried adding center tag in between the td tags but not working. any clue?

    ReplyDelete
  11. Just installed it , but the liked it is not on a black background like yours. Anything I need to do to get that striking black background?

    ReplyDelete