Sunday, January 12, 2014

Google+ Page widget for Blogger



 Every blog needs a page on a social media site like Facebook and Google+. Creating a page is not very hard but sadly there is no official plugin by blogger to place a badge of your your blog's Facebook and Google+ page on your blog. But its not very hard to add it manually. In this article I will teach you how to add a badge on you blog for you Google+ page. Which will not only bring alot of regular visitors for your blog like Facebook Page does but Google+ Page will also improve your blog's rank in search engines. So if you don't have Google+ Page for your blog you should make one now.


 



Lets get to how to put Google+ Page Badge on your blogger blog.

Step 1: Login to you Blogger account and go to "Layout".

Step 2: Click "Add a Widget" a popup window will appear select "HTML/Javascript".

Step 3:  Place the code below into the content box of "HTML/Javascript" popup window.

<!-- 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 URL HERE" rel="publisher">&nbsp;</a>
<!-- Google +1 Page badge -->
<g:plus href="PUT URL HERE" height="131" width="300" theme="light"></g:plus>

NOTE: Replace "Put URL Here" with URL of your Google+ Page.

Step 4:  Click Save and you are done.



Share This Article Facebook +Google Twitter Digg Reddit