Friday, 13 July 2012

How To Add Google plus One Button On Your Blog



Google plus One Button
All are one thing known that Google has recently launched a social network called Google plus. This social network giving you a button that you can add your blog and share your articles with Google plus. Now this time Google will showing the Google plus articles and connected Google plus articles. I mean one can get more traffic only to sharing her articles to Google plus. one thing according to my suggestion the more +1'd this you receive the chances for your blog's PR to improve will increase also you can add the button in your blog to get more benefits.


How to add Google plus one button in your Blog


1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Search using Ctrl + F

</head>

4. Just above it paste the below code

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

5. Now Expand Widgets Templates

6. Then search using Ctrl + F

<data:post.body>

7. just above it place the plus one button code

       <div style='float:left'>

    <g:plusone size="standard" expr:href="data:post.url"/>

    </div>

You can also change the button display left or right.
You also change the button size like Tall, small, Medium Respectively that your choice.

8. Save your template.
9. Now you are done!
10. Visit your blog and enjoy your self.
Your plus clicking articles will show in search engines below like image:

google plus

Alternative method for adding the Google plus one Button


  1. Log your blog account.
  2. Go To Blogger > Design > Page elements
  3. Click the blog post edit button.
  4. Then check show share buttons.
  5. Save your template.
Visit your blog and enjoy with new buttons.
blog preview

Like This Post ?

About Author:

I am Bushra, a certified SEO Consultant, Pro Blogger, Computer Graphics Designer, Web Designer, an addicted Web Developer from Darya Khan, Dist. Bhakkar, Pakistan. Read More » Follow me on Facebook | Twitter


If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates!

Thanks for making this possible! Kindly Bookmark and Share it:
Technorati Digg This Stumble Stumble Facebook Twitter
Google code here

0 comments:

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
Bushra Hanif

Post a Comment

Support Us

If our Tutorials have helped you a little, then kindly spread our voice using the badge below:-

or try a Beautiful Banner

 

shazil

About The Author

Hi! I am Bushra Hanif , a certified SEO Consultant, Pro Blogger, Web Designer & an addicted Web Developer from Dist.Bhakkar, Pakistan. Read More..

Recipes

SEO Social Media Blogging Ethics

Make Money Online Blogging Tips

Web Desiging Plugins and Widgets

Recent Comments

Headlines by FeedBurner

| Fullbloggertricks.blogspot.com © 2012. All Rights Reserved | Template Style by | Sitemap |