Google+ Add to circle widget for blog
Before i had posted about how to add Add me on Google+ widget on website. Now i have new widget for your blog. Both blogger user and wordpress users can embed it in their blog. Also it can be used in site of other platform. See the image for the preview of the widget.
Steps to add it
Visit Google+….here and configure the widget according to your need.
First of all add your Google plus page’s id on the required field. Then now choose size (Standard badge, small badge…). Do this acording to your need. Now scroll down you will see Get the code. Now you will see the code. So now you have to install code. There is different way to install for blogger users and wordpress users. So let me explain separately. First of all your code will look like this:
<link href=”https://plus.google.com/103821787919155568252″ rel=”publisher” /><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>
<!– Place this tag where you want the badge to render –>
<g:plus href=”https://plus.google.com/103821787919155568252″ size=”badge”></g:plus>
For Blogger.com users:
As you can see the instruction in the code it self. In the blogger.com goto Edit Html section. Find </head>
and paste the green colour code just above </head>.
Now goto Layout >> Add a Gadget >> Choose Html/Javascript and paste the blue color code and save it. Now you can see the widget in side bar.
For WordPress(selfhosted sites) users:
For wordpress in header.php file find </head> and paste the green code above </head>. And in Dashboard click Appearance>>Widgets and select Text and paste blude code. Now the widget will appear in your blog.