How to Add Stylish Google Plus Add to Circles Widget for Blogger?

Social media sites are playing vital role online in connecting people across world. Facebook, Twitter, recently Google also released Google plus from its lab. These social media sites changed living style of the people without these social sites online users run their daily life they are very much hungry about login to share their views. Here in this Tutorial BlogTariff explain about adding Google Plus widget for blogger with eye-catching backgrounds images. By adding Google plus widget can increase traffic of blog/website via Google Circles. Gradually Google plus gained its position in competing with major social media sites like Facebook, Twitter. The development of traffic is depend on more people interacting in Circles converts by way of �Add to Circle� on Google plus. Let�s begin the tutorials for adding Google plus widget.

How to add Google Plus Circle widget for blogger?

Sign into your blogger account
Click on �Design� (Layout in the new blogger interface) Page elements� link tab
Click on �Add a Gadget� link tab
Select �HTML/Javascript� widget and copy the below code and paste in it

<script type="text/javascript">
window.___gcfg = {lang: 'en'};
(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>

<br />
<div style="background: url(Background-Image-URL);
   border-radius: 3px;
   border: 4px solid #CCC;
   margin: 0px; padding: 10px 10px 5px 10px;
   width: 290px;">
<b><span style="color: #333333;
   font-family: arial;
   font-size: 14px;">
Krishi Omli <a href="https://plus.google.com/u/0/108581316248547169217/posts">30</a> Circles ?</span></b><br />
<div>
<b><br /></b>

<b><img align="left" alt="Krishi Omli" height="54px" src="Your profile image URL" style="margin-right: 5px;" />

<script type="text/javascript">
window.___gcfg = {lang: 'en'};
(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>
<g:plus height="69" href="https://plus.google.com/u/0/108581316248547169217" rel="author" width="210"></g:plus></b></div>
</div>
</div>

Customization:-

Replace �Your Profile image URL� with your choice image URL
Replace �Krishi Omli� with your Profile name
Replace https://plus.google.com/u/0/108581316248547169217/posts with your Google plus ID URL
If need to change �background image� then replace with your choice background image url or our below selected URL

Examples of Image URLs
Blackbug Theme
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjImNlGvkzWUdQp0cuPTsATxg32Ub-urmEk_BDGIvttGEWjwBRV91Uc5OaLPqYL248XZ7uGpULjHbZQWCIRXQEadSYUygCa2E8N2a-ubF35bJQnqk4o_0nORznokknL52I4byNVsnTtybM/s960/blackbug.jpg

Redmug Theme
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcUDeRPl2JhQ4LZvayKDyrjTBUyvZlXovrgtW1KQGFMy5u9UCX31ho8HVxEJi6sAA1XRmyS1MzqXnVY7qlj7s1U0jls3MrvjU3-ymRBfAk5J54qC8w3yKWCVGhDkxyi_vjaTmqE6czEHk/s960/redmug.jpg

Bubbleindi Theme
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDTM3vA_Xe31-h4wUOQG79Xkiu6aI4fnXVUno5kKrcgXtY2Dabe_pF43J94uEtjajHQ11gdpBeHZLXiNQn7L2g5W6Se6oZlf7ahWa-NcUvqH3E8npqNxzc7FGMG09UQ1l_PiVxjL94GVc/s960/bubbleindi.jpg

GoldenKrishi Theme
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaz6GMTcYC-wFORSblsFdPunxbTGo0wprxUKXOKQHexC5d9spiEtbbr11mU9ZdiYVi9DPRi9tLJwk_MlRKUm_pQvTjsMPos1Cr2WQT8cA8vUItDMTbDw1PsvlCb6oyvrkjzzeV-nKl00g/s960/Goldenkrishi.png

Banana Leaf Theme
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB8gfrzHJV0t0quNQtBsc9u7266l2JT1vbUi2rjfEN4F95p7KIB-PRj_WQlbH_xfOIHcAKGm3QN0W6YecsPNNsLLLucEJgCgq2GxQN39C4uFdmzIvr-NfG2-xrhyRrtC1vKDuNa9cCZBQ/s960/bananaleaf.jpg