
HOW TO: Add Google’s +1 Button On Your Blog
- Updated On 07/10/2019
- Author : Pradeep Kumar
- Topic : Featured • Google
- Short URL : https://hellboundbloggers.com/?p=22059
CONNECT WITH HBB ON SOCIAL MEDIA
Here it is finally, earlier Twitter surprised us with the new ‘Follow’ button, Facebook with ‘Send’ button, and now Google’s +1 button going viral on several famous blogs.
By adding +1 to your pages you can make your websites and blogs stand out. +1 buttons let people who love your content recommend it on Google search.
When a signed-in Google user is searching, your Google search result snippet may be annotated with the names of the user’s connections who’ve +1’d your page. If none of a user’s connections has +1’d your page, your snippet may display the aggregate number of +1’s your page has received.
Adding Google’s +1 Button On Your WordPress Blog
Place this tag in your head or just before your close body tag. Edit header.php file.
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>
Now, place this tag where you want the +1 button to render. Most preferably single.php file.
<g:plusone></g:plusone>
Adding Google’s +1 Button On Blogger Blogs
Just like WordPress, paste the following code before </head> tag. Go to Edit HTML and search for head tag.
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>
Now to place the Google +1 in the post area, go to <div class=”post-header-line-1″/> or <data:post.body/> and place the below code immediately after it
<div style=’float:right; margin-right:10px;’>
<g:plusone expr:href=’data:post.url”></g:plusone>
</div>
Now, save the template!
Google also provides four different button sizes to fix your blog posts, you can check them here.
Google’s +1 Button On HBB
We have also implemented this new +1 button on our blog. Now to recommend HBB’s articles you just need to click the +1 button present below the post title on posts.
You can check the video below to get an idea about how Google’s +1 can make your posts viral.
So have you added this button on your blog? Will it replace Facebook Like button? Or it will soon RIP like Google Buzz button?
Want to discuss your queries and interact with experts? You can connect with HellBound Bloggers (HBB) Facebook group for free!
Join HellBound Bloggers (HBB) and get Instant Updates. We'll also notify you with Great Deals, Discounts and other Interesting Tips. We won't SPAM or SHARE your Email Address with anyone.
YOU CAN ALSO SEARCH FOR YOUR DESIRED TOPICS:
Thank you for reading! We welcome and appreciate your comments, but at the same time, make sure you are adding something valuable to this article. If you have any serious queries, suggestions or anything related to this article, feel free to share them, we really appreciate that.
But, if your blog comments are a random "Thank you", "Useful Post", or anything that doesn't actually upscale the article, then we'll be removing them and it won't be appeared below. Thanks for understanding and thanks for connecting with us. If you want to give us any feedback or report any errors, you can kindly contact us and we'll revert back soon.
- Comments
- Facebook Comments
-
Comments
Leave a Reply
35 Comments
Facebook Comments
Breaking News
Where in the WordPress code would you add this so that it appears on posts and not just on the main or home screen sidebars?
S.Pradeep Kumar
You can add the code on single.php file mate.
Bernard
It's not working for me =(
S.Pradeep Kumar
Bernard, can you please elaborate? Like whether the button is not appearing properly or it is blank? Thanks.
Clearpores
Thanks for the info and how about the alignment of the buttons?
S.Pradeep Kumar
What kind of Alignment mate? You can use basic HTML and CSS to make it according to your wish. 🙂
alarm sistemleri
I wonder if it also has a dislike feature which is frequently abused for example on YouTube. I understand that any rating counts for more than no rating but rating with the intention to do harm rather than good to someone is pathetic.
We will try to get as much as +1 we can because we know the benefit of it with seo prespective (and soon we will see many people started to sell +1 as well) but a normal user do not know about it and where facebook like button is one step ahead from it.
tempo dulu
cool – thanks!
anita khanna
The +1 is going to be a enemy against Facebook Like. Thanks for the share
Aman Arora
Added it to my blog successfully, thanks for this 🙂
Angelina
Hi…I found this one too when I was searching…
http://ishankgupta.com/2011/06/add-goolge-plus-one-1-button-on-your-blogwordpress-or-blogger-or-website/
It contain easy steps to install +1 button on wordpress…
Thanks.
Cb Singh
Good, I also want to put it in my website www.magghu.com. Thanks
TechDoz
Check this we can also put this button beside author meta
http://www.techdoz.com/2011/06/how-to-add-google-1-button-in-side.html
Aditya
I guess free wordpress.com blogs will not be able to use this as they cannot edit the css.
vishnu
I have a doubt where should i paste this code?
S.Pradeep Kumar
Dude, I mentioned it. You have two codes, if you are using WordPress, then you should paste the 1st code on header.php file and another one on single.php or sidebar.php to your convenience. 🙂
Lakhyajyoti
Thanks for the tutorial.Very soon I'll add Google’s +1 button on my blog.
Mark Penney
anyone figured out how to have a plus1 button on facebook yet?
Satish
Awesome ! i have installed in my thesis snow 😀 it looks nice i am excited to use it more and more 🙂 thanks man 🙂
Andreas
I don't really understand the concept of plus one yet. If you have 5 sites with similar content, each with 10 plus 1s, how do you rank them in search results? Which of those sites is more relevant, based on the ratings? Users should be able to describe more specifically what they exactly like on that page instead of just blindly like something. People like things for different reasons all the time.
S.Pradeep Kumar
Andreas, Google's Algorithm for SERP seems as it is and this +1 will add more value to them. 🙂
Siddanth@Tech-Mania.com
Small typo there for wordpress users add the code before the closing of head tag and not the body tag
Place this tag in your head or just before your close body tag. .
S.Pradeep Kumar
Siddanth, I took that line – "Place this tag in your head or just before your close body tag" – directly from Google. 🙂
http://www.google.com/webmasters/+1/button/
Siddanth@Tech-Mania.com
Yeah i saw it later after i commented that in Google too it was the same 😉 hehe
S.Pradeep Kumar
Cool! 🙂
rocky @ travel to india
Thanks for this information and i think it really works for all blogger.
Gautam A D
great now i too have implemented this on my blog! Thanx! 🙂
Swamykant
All the best for Google's plus one. A tough competitor for facebook like.
GeekViet
Cool
Thanks a lot!
shenoyjoseph
Added the Google +1 button to my blogspot getting to many votes 🙂
Praveen @ Geeks4share
Google +1 button is not showing up for me…. what would be the problem?? plugin clash?
S.Pradeep Kumar
I can now see it on your blog mate. 🙂
Riya @ Couponseasy
Thanks for info!! I'm going to update it on my site too.
Sam @ Weekend Getaways
I think Google +1 is more important, it gives your content more authority in Google as it's powered by Google itself.
Sahil @iBlognet
The +1 is going to be a strong contender against Facebook Like. Thanks for sharing…!