You all must be aware about facebook pages , recently Google+ also launched Google+ pages . Google+ now lets you create Google Plus page badge similar to facebook page badge . In this post I will be discussing how you can install Google Plus page badge on your wordpress and blogger blog .
If you don’t know how to create a Google+ page read Google Plus page and its benefits .Before going ahead with the installation we need to know the page ID of your Google+ page . You can get it by going to your Google+ page . In the URL of your page you will find the page ID as marked in the below picture .
Installing Google Plus Page badge on WordPress through plugin
The easiest way to install Google Plus page badge on your wordpress blog is by using a plugin . You can download Google Plus Badge Direct Connect plugin or you can just add it from your wordpress dashboard . After you have activated the plugin , go to ‘Appearence–> widget’ menu . From there you can drag it to place it at your desired location in your blog . You can also adjust its settings from there .
Installing Google Plus Page badge on WordPress manually
The use of more plugins is not favorable for the speed of your wordpress blog . You can install Google plus badge manually also . For this go to the Google+ platform developers page . Select your style and generate the code . The code will have two parts . It will be similar to the below code .
<!– Place this tag in the <head> of your document–>
<!– Place this tag where you want the badge to render–>
<g:plus href=”https://plus.google.com/116466978963347365703″ size=”smallbadge”></g:plus>
Copy the first part of the code that is
and paste it before the </head> tag in the header.php file
Now copy the second part of the code where you want to display the badge . You can place it either by using the text widget or you can paste the code directly in sidebar.php file wherever you want to display the badge .
Installing Google Plus Badge on Blogger Blog
Go to the Google+ platform developers page . Select your style and generate the code . The code will have two parts .From you blogger dashboard go the ‘Design’ page and click on edit html , then place the first part of the code before </head> and save it .