Google released new social networking button called Google +1, today we will show you how to embed or add Google +1 Button to your WordPress blog or Google Blogger.
We would like you to get Google +1 button code first and then come back to this post to read further instructions. I read yesterday about 30 posts about +1 and not one describes what we are about to show you in step by step tutorial.
Most WordPress and Blogger themes are different but they do have common concept of functionality, I am no php or WordPress guru, but I do have confidence and patience to code things on my own and I am sure you can do it to. Lets start with WordPress Google +1 button installation, then we will go into Blogger details.
How to embed or add Google +1 Button in WordPress
Get the code the way you like it from Google Webmasters page . Chose what size of button you wish to have and you should end up with two sets of code that look something like this:
AND
The first code they mention to place it before the </body> tag, which means you will have to look for that tag in one of the files. Most WordPress themes have opening and closing <body></body> tags in file called header.php.
Go to Appearance>>Editor and look to your right you will find file called header.php
Click on that file, and find </body> (CTRL+F, Option+F – should bring find bar in your browser)
Add the code
and save the file.
Then the second part of the code you can place it anywhere you like it to go, for example:
Code:
If you wish to add the code above to the sidebar, go to Widgets, drag the text object from left to right, add the code above and save the text so you should end up with something like this:
If you wish to add it to a single post go to Appearance>>Editor, find file called Single.php find the place you wish the Google +1 Button embedded paste the code and save it. If you don’t like it, work with it until you find the place you like that button to be. In our case, I found where the tags are displayed, and pasted the code
right bellow it.
If you have questions you can ask bellow in commenting section. Ill do mt best to answer it.
How To Add or Embed Google +1 Button to Blogger
Its so easy!
1. Go to Blogger.com and log-in
2. Click on Design tab above
3. Click on Edit Button for “Blog Posts”
At the bottom check-mark “Show Share Buttons”
That’s it, the button should appear on blogs page, google also released this post about adding +1 to blogger. If you do have more questions on how to add Google +1 Button manually to blogger, do ask in comments section bellow.
