BlogTariff


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/AVvXsEh1rmrwpFUoa93RMBvGBJMZTmbGurfDHrl5La_G3tNVDRBa259v2AD8kZQA_v5-Jwwh1issUrFv-qtohkwbElBSRZzdQtgJvN8UjBjcJSAQkdVUQvwDsBMMcwSW47i_yU3kBJwCmQznnd0/s960/blackbug.jpg


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


Bubbleindi Theme
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm3gJHOQBshuXb5PEBCqF5dcNRP5E5BalmUq1GinYIbwV7qtMAU1MTifY0qdRYOLOXtq4FkxNW1DCY31_vNcRS3YfkPnRdnFUNNr3Dy8ttJe1YpgNWV17jGMVKSK0zwfjPjtE0whRi4QU/s960/bubbleindi.jpg


GoldenKrishi Theme
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSAMyw9BVVJvC143h488DA_1Qfo-qLSVOElrLgg4Mwlj8d_AubGAnZXd9Y7cLoJNet9HhDmsfzyH0VX1J1sTl8J_C-wNVkI7XbSi4j7Hr1pWRPEWDx62-b7L9zVbFTW72rj5jbrB5elk/s960/Goldenkrishi.png


Banana Leaf Theme
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiftBVPz7mrOto0SO2natKbXuL1ZNmd5qszSafPjOrMu2dLDwGIFzbeQwZCXsjuqUhZpM4aUa7vHuwII5IL5gif7ysvEYQrqfOfWTCo9poUwJgevq483owiugoHnc6aqwB5x99js67RxZo/s960/bananaleaf.jpg


Authors Note:
The above themes are exclusive of BlogTariff.com for its valuable readers. 

Post a Comment Gmail ID

  1. Great post. Thank you for sharing a brilliant information for us. I appreciate your thinking. Your Site is nice

    ReplyDelete

Do not Try to Add Spam Comments

 
Top