How To Add Customized Google Plus Add To Circles Widget In Blogger

Advertisements
Within 1 year the Social media has changed dramatically, no one debates about Facebook likes anymore because peoples have adapted Pinterest Pins, no more friend requests because now we have Google+ add to circle. Thus, if you are still revolving around Facebook and twitter like a hunger bee, then you are missing a hell lot of traffic which you can gain from Google Plus. Now the question is that how we can get traffic from Google Plus? The whole process works with “Add to Circle” the more people added you into their circles the more traffic you will get to your website or blog. So today, we will insert a Google plus Add to circle widget to Blogger which increase your followers on Google plus.

Before we get on with our tutorial, I know you would love to PREVIEW the widget then check Google Plus add to circle widget in the Sidebar of this MBL Blog (LIVE DEMO).

How to insert Google Plus Add to Circle Widget in Blogger:

The Steps are extremely straightforward and would hardly take 2 minutes to successfully complete the integration. So, just follow the following instructions.
  • Go To Blogger.com >> Layout >> Add a Gadget
  • Now look and Select Add HTML/JavaScript from the list.
  • Then Paste the following chunk of HTML Code there.
<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-Here); 
            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;">
Syed Faizan In <a href="https://plus.google.com/u/0/106374439082237286396/posts">30</a> Circles ?</span></b><br />
<div>
<b><br /></b>

<b><img align="left" alt="Syed Faizan Ali" height="54px" src="Your-Image-Here" 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/106374439082237286396" rel="author" width="210"></g:plus></b></div>
</div>
</div>

Customization:
  • Now to insert your picture just replace Your-Image-Here with the profile picture of your Google Plus account (You don't need to re-size your image because it will be shorten automatically).
  • Then Replace https://plus.google.com/u/0/106374439082237286396/posts with your Google Plus profile URL.
  • To insert your Name in the widget Replace Syed Faizan with your Google plus display name
  • If you want to adjust the width of this widget just replace 290px with your preferred width
  • If you wish to change the background of this widget Search For Background-Image-Here and replace it with any of the following Image URL.
HP Luster Theme:
http://4.bp.blogspot.com/-QkIj_Y7ylh0/UBLdRg56bpI/AAAAAAAADfA/16sPq2FPhg0/s1600/HP-Laptop-Luster.png
Whitish Manza Theme:
http://4.bp.blogspot.com/-bgyzRKP0CAs/UB7tZB-x4UI/AAAAAAAAELs/7WRs4X_SdNE/s1600/White-Manza.png 
OLD Paper Theme:
http://2.bp.blogspot.com/-Z3GfaVtRBKU/UB7v0WoopSI/AAAAAAAAEMM/efGdNJoOZ4w/s1600/OLD-PAPER.png

Orange Delight Theme:
http://1.bp.blogspot.com/-MYRkzo3m6sY/UCVRvitoeTI/AAAAAAAAEmg/iUFlHNVlfQI/s1600/Orange-Delight.png

Orange Delight Stripes Theme:
http://3.bp.blogspot.com/-oncI0gtSFv8/UCVTB-gZK5I/AAAAAAAAEnA/oGSnH46t3RI/s1600/Orange-MVL.png
Now after customizing your widget just save your widget by pressing Save Button, Then go a head and view your blog and it will give a picture perfect results.

From The Editor's Desk

Google plus has changes the way of socializing is extremely quick period of time. However, Facebook and twitter possess the significant audience, but Google Plus is surly giving them tough time. Hope you have enjoyed the feast if you have any suggestions or complain about anything feel free to comment till then peace, blessings and Happy Adding. 
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

4 comments

August 10, 2012 at 2:48 PM

nice post :)

August 11, 2012 at 1:19 AM

Mr Syed...i follow your articles...i appreciate your articles as they are appropriate though i am a lay man...

Editorial Team MOD
August 11, 2012 at 4:04 AM

We really Admire that our Tutorials are working Well for you brother. We will try out best to entertain you with same power every time like we are doing now. Peace and Blessings

August 11, 2012 at 7:14 AM

Mr Ali

i could follow your instructions after much pain but i succeeded...i have practically no technical knowledge so this is inevitable i know...but i did it...please keep it in mind that lay persons also reads the blogs...wish u best of luck

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2016. MBL Networks, All Rights are Strictly Reserved.