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!

Need Quick Help within 24 Hours? ASK NOW



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 »

16 comments : Post Yours! Read Comment Policy ▼
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. Hey buddy.. I am trying to add this above my search bar with Google Fonts and I somewhat successful but can you plz tell me how do I change the color of the google font.. I see that in the Monop Template you have the way to change the color.

    Check my Demo Blog for what I have did so far. Don't mind but its too messy out there :P

    ReplyDelete
  5. @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
  6. 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
  7. 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
  8. 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
  9. This comment has been removed by a blog administrator.

    ReplyDelete
  10. @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
  11. Well that idea didn't came in my mind :P
    Will try it..:)

    ReplyDelete
  12. @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
  13. 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
  14. thank you for great post , i will do this , good job
    how increase traffic

    ReplyDelete
  15. Assalamu'alaikum Mahammad,
    This is really very informative and useful information for those involved in business internet.
    Regards
    Patimah
    http://extra-income-working-online-from-home.blogspot.com

    ReplyDelete