31 May, 2012

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 HEREsize=”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 HEREsize=”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.

Muhammad Shoaib have a good experience in the field of Blogging since decade. If you are a new blogger who just starts your blogging career then www.shoaibonline.com is the perfect place to learn about blogging.

1 comments so far


EmoticonEmoticon