August 11, 2011

Widgets

Create Google+ “Add To Circles” Widget For Blogger


Google+ Plus WidgetYou can see this widget live on my sidebar with real time followers stats of my Google Plus circles and with a “Add me To Circles”  Button. The Widget is completely customizable and will blend any site theme perfectly. The number of followers displayed by the widget is automatic. You just need to fetch the code and paste it on your blogs. Lets know how!

 

Add “Add me on Google+” Button To Blogger

  1. You just need to visit Google Plus widget homepage i.e. Click here
  2. Click the Get Widget button

    Get widget

  3. Create your widget by using the tabs to fully customize the look of your button
  4. Enter your Google+ ID in the basic settings tab,

    Google+ widget settings

    You can get your Plus ID by going to your Google Plus profile page and then copy the digital code from your browser address bar as shown below,

    Google+ profile url

    Google plus ID

     

  5. Set the Widget width equal to the width of your sidebar. In my case I have kept it 300
  6. You can also change the language of the add me button from basic settings.  Currently 9 languages are supported.
  7. To change color codes use our Color Generator
  8. Once you are done simple hit the Get Code button at the top. Copy the code and then go to Blogger > Design
  9. Select a HTML/JavaScript widget
  10. Paste your code inside it and hit save.
  11. You are all done!

Do let me know if you needed any further assistance. Have Fun. :)

If you enjoyed this post then why not add me on Google+? Add me to your Circles :>




If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates!

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

29 comments:

Ayush Chand on Aug 11, 2011, 4:10:00 PM said... #

The widget link is not working man!

Mohammad Mustafa Ahmedzai on Aug 12, 2011, 6:24:00 PM said... #

@Ayush
Retry it pal after deleting your cache

Ayush Chand on Aug 12, 2011, 9:52:00 PM said... #

I just get the picture of "Get Widget". Nothing is working!

Faiz Muhammd Khan on Aug 16, 2011, 12:28:00 PM said... #

Amazing trick i get it , now i have in my site , but only in 4 people circle hehe :P

Vedant Kumar on Aug 27, 2011, 9:14:00 AM said... #

Although I am in 30 people's circles,it shows as 0.Anyway to remove that?It shows on your sidebar also.

Nino on Sep 17, 2011, 1:44:00 PM said... #

hey why i cant make this widget, it says "Your Google+ ID can be found in the url at your profile page. You can find it after the http://plus.google.com/ part of the url."

is that google+ still available in just some countries?

Wezley on Oct 4, 2011, 9:11:00 AM said... #

Hey Mohammad Mustafa Ahmedzai,
Mine shows "0" even though several people have me in their circles. Any thoughts on why that is?

Thanks!

Sher A. Hart on Nov 9, 2011, 11:53:00 PM said... #

It shows my face, it shows my posts, but it says I'm in 0 circles. I can't fix it so I used a much simpler widget.

Gaurav Chaudhary on Nov 10, 2011, 4:54:00 AM said... #

very cool ...lyk it :)

cik ungu on Nov 18, 2011, 10:31:00 AM said... #

i pasted the rest of the URL but it says that my ID couldnt be found. i've tried it many times but still fail.

DewaTV on Nov 28, 2011, 2:40:00 AM said... #

salam mohd.
i just get this code. no need to reply my early comment. i'm sorry i did't found this post yesterday. i get this widget from this post already. thank you bro.

LO S on Dec 11, 2011, 11:24:00 AM said... #

Thank You! :D

Wendy Lindsey on Jan 3, 2012, 12:56:00 AM said... #

Thanks so much! I've been scouring the web trying to find this!

Nirmal Kumar Sekar on Jan 30, 2012, 6:02:00 AM said... #

Thanks have added it to my blog.

Hafiz Syed Ismail Shah on Feb 3, 2012, 3:25:00 PM said... #

Assalam O Alaikum Brother... First of all i really appreciate you educational work here.... Brother tell me how can i remove CSE from my blog header... my blog address is WWW.searchmachine.blogspot.com

maadionline on Feb 15, 2012, 11:15:00 PM said... #

great work thanks




http;//www.maadionline.com

vidipic on Feb 26, 2012, 8:47:00 PM said... #

Does this widget is official from google?

Freeware softit on Mar 20, 2012, 11:51:00 PM said... #

Assalamualaikum, Thanks brother for your great contribution.

kingU on Mar 22, 2012, 4:29:00 PM said... #

everything is OK...but my picture is not showing widget..?

Kang Salman on Jun 8, 2012, 11:59:00 PM said... #

Thanks bro This is Work my blog kucoba.com

Levis Raju on Jun 21, 2012, 3:31:00 PM said... #

The code is not working now....

You can check my improvised and customized Google+ widget here : http://www.netinfozblog.in/2012/06/google-plus-author-and-page-badge.html

Bang Dayat on Jun 27, 2012, 1:16:00 PM said... #

hy guys, the link to creat this widget is not work, please help me

Ravi Ojha on Jul 3, 2012, 12:23:00 PM said... #

Actually Google is updating its server, but they do provide the code on the error page. Check again.

Cesar Chavez on Aug 21, 2012, 12:20:00 PM said... #

Hi I tried to get to link the google widget does not work, this is the address of my website. http://www.ecuador-turistico.com/. I'm from Ecuador
I can help.
Greetings from Ecuador

shaswat shah on Sep 25, 2012, 10:48:00 PM said... #

the website widgetsplus.com is not working please send me the alternate trick on my email shaswatnetwork@gmail.com thanks in advance !

Nuur wahid anshary on Sep 30, 2012, 9:02:00 AM said... #

i ve not worked links to create GC widget

send me an email if someone here find the new link worked

Sabari Selvan on Oct 25, 2012, 10:55:00 PM said... #

widgetsplus.com is not working now .. Please update your post

Sandeep Rao on Dec 12, 2012, 6:05:00 PM said... #
This comment has been removed by the author.
Sandeep Rao on Dec 12, 2012, 6:14:00 PM said... #

@Ayush Chand
You can use simple and advanced Two in One- "Add to Circles and Follow widget" developed using Google Developers page guidelines.

Click Here To add Comment

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. No cheesy/spam Comments tolerated Spam comments will be deleted immediately upon our review.

Regards,
Mohammad

Support Us

If our Tutorials have helped you a little, then kindly spread our voice using the badge below:-

or try a Beautiful Banner


Widgets

 
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!

About The Author

Hi! I am Mohammad, a certified SEO Consultant, Pro Blogger, Computer Engineer and an addicted Web Developer. Read More..

Recipes

SEO Affiliate Marketing Social Media

Make Money Online Web hosting

Blogging Tips Web Designing

Plugins and Widgets Blogging Ethics

Recent Comments

Popular Series

Powered by:

My Blogger Tricks © 2013. All Rights Reserved | Contact |