How to Add Google+ Page Badge to Your Blog

If you want to searching about how to add google+ page budge to your Blog then here is the solution of your search. Badge of google+ allow to your users add your Google Plus page to their circles without leaving your blog. To add google+ page budge first you have to make your blog's google+ page just like facebook then follow these simple steps

How to Add Google+ Page Badge to Blogger Blog

• First You Should Take Backup of Your Blogger Template.
• Now Log in to your Bogger Account.
• In Your Dashboard Navigate to Layout>>
• Click Add A Gadget and select HTML/JavaScript gadget.
• Copy the given below code and paste it inside the content box of HTML/JavaScript gadget.

<!– Google +1 script –>
<script type=”text/javascript”>
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!– Link blog to Google+ page –>
<a style=’display: block; height: 0;’ href=”PUT YOUR G+ PAGE URL HERE” rel=”publisher”>&nbsp;</a>
<!– Google +1 Page badge –>
<g:plus href=”PUT YOUR G+ PAGE URL HERE” size=”badge”></g:plus>

• Replace PUT YOUR G+ PAGE URL HERE with the URL of your Google+ page.
• To get the page URL: Login to Google+ > Switch to your page via the drop down menu on top left corner of your screen right under your profile name > Get the URL from your browser’s address bar.

How to Add Google+ Page Badge to Wordpress Blog

Log in to your WordPress blog.
In Your Blog's Dashboard Go to Appearance >> Widgets >>
From Available Widgets Drag Text Widget into a sidebar
Copy the given below code and paste it into the text widget and save.

<!– Google +1 script –>
<script type=”text/javascript”>
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!– Link blog to Google+ page –>
<a style=’display: block; height: 0;’ href=”PUT YOUR G+ PAGE URL HERE” rel=”publisher”>&nbsp;</a>
<!– Google +1 Page badge –>
<g:plus href=”PUT YOUR G+ PAGE URL HERE” size=”badge”></g:plus>

• Replace PUT YOUR G+ PAGE URL HERE with the URL of your Google+ page.
• To get the page URL: Login to Google+ > Switch to your page via the drop down menu on top left corner of your screen right under your profile name > Get the URL from your browser’s address bar.

Hope So you like this article please comments bellow about this if you face any problem to Add Google+ Page Badge to Blog.