Google Plus one button redesigned,cleaner and orange look,add now
Google recently changed the design of the plus one button.The new button looks more cleaner and orange than before and also has an hover feature.Before clicking the button,its clean white with “g+” image,but when you click the button to share a particular online content with your circles,the button changes to orange (google’s plus one logo).
Also the new G+ buttons aim at sharing and promoting online content more easily.A new feature that has been added is a popup comment box which opens right after you click the button.The box then allows you to set your sharing preferences to be visible to everyone or only to certain individuals or circles you’ve set up.However,you can just plus one the content,if you don’t want to put your comment like before.
If you are a webmaster of a blog/site,then adding google plus one button is must to increase the visibility of your site and content in google search.Its also very important for your blog/site Search engine optimization (SEO).To know more in these respect check this informative mashable post.
How to Add plus one button : WordPress blogs
To add plus plus one button to wordpress blog,there are many social bookmark plugins.If you want a floating sharing box,similar to the one on the left of our blog,then check the 3 Best WordPress Social Plugins to promote your blog posts.
Or you can add the button manually,just follow the instructions below.
- Get the plus one button code from official google plus one site.Go here.
- Next open your wordpress theme’s “header.php” or “footer.php” file and search for </body> tag and immediately above it place the following code :
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> |
- Now place the code generated in step 1,wherever you want to render the plus one button.Example you can add in single.php,page.php,archive.php or index.php or even into a sidebar with a simple text widget.A typical example can be like adding the code to single.php file.First identify the loop.For More information to Identify the loop check this,place the code which you generated in step 1 just below the loop.
- For example search for <?php endwhile; else: ?> and immediately above this code paste the code which you generated in step 1.
How to Add plus one button : Blogger blogs
- If you are using official blogger sharing buttons,then you need not do anything.Otherwise follow the steps below,
- Get the plus one button code from official google plus one site.Go here.
- Next go to Blogger Dashboard > Design > Edit HTML .Next check the checkbox which says expand widget templates and then look (using find option of browser) for </head> tag and immediately above that paste the following code,
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script> |
- Now using browsers find option find the tag <data:post.body/> and immediately below it paste the code which you generated in step 2 as follows
<div> <strong>replace with code which you generated</strong> </div> |
Did you find the post of any help or are you struggling in adding the plus one button.In any case let us know in comments !! 
You may also like
About the Author
Pradeep Farkya Hello ! I am Pradeep ,the editor in chief at ShrewdGeek.I am a technology enthusiast and blogging on android,gadgets and other technology related stuff is my passion.Connect with me on Google+ .
Related Posts
Google Play Store Smart app Updates – A welcome feature for everyone →
Google Doodle Gaming spree ends,11th Aug its Rhythmic Gymnastics →
5 Tools for Google Analytics Beginners →
