Google+ Fallow Widget For Blogger

Google+ is officially provided you badges for your profile, pages or communities that you can add into your websites or blogs. The easiest and smarter way to grow your community is to add Google plus widget to your blogs. Users may add your official Google plus page to their circles, and would give you a thumb up as +1 to your blog. You can see my Google+ page badge in the right sidebar area, you may add my page to your circles, and I appreciate if you +1 it. They also would be able to give a thumb up to your blog via the +1 button. I have also added a Google+ profile page below to this article, please add me in your circle. Therefore, here is a quick guide to add Google+ badges as page, community or profile to blogs.

To Add Official Google Plus Badge/Widget To Blogger

Sign into Google+, and go to Google+ badges page. Now, in Google+ user section, you can choose your profile, page or community. In other options, you may select as of your need.
*If you want to add badge for your community, then go to your community page, and copy the link , and paste that URL to Google+ user section. Below is a preview for adding a Google+ page badge.

Make sure, if you are using badge for your community pages, you are selected the correct URL. For example, my community page URL is https://plus.google.com/communities/103735482167295598966. If you have pasted the correct URL, you will see the preview in the right side. to select the correct Google+ page URL. For example, my page URL is https://plus.google.com/communities/103735482167295598966/posts. You will also see the code snippet below to your preview that you to paste it into your blogs. The code will be divided into two parts.

One is,

Second is, 

Now, copy the Second Part as shown in the preview, and sign in to Your Blogger Dashboard --> Choose you blog --> Template --> Edit HTML find the code (using ctrl+F) </head>, and paste the Second Part just above </head>.

Now, copy the First Part and paste this tag where you want to show your Google+ Badge. For example,

In Sidebar: paste First Part code into your sidebar widgets by going to Blogger Dashboard --> Layout --> Add a Gadget(choose from sidebars) --> HTML/JavaScript (Choose under pop up window) and paste your code and click on Save.

In Content Above/Below: Sign in to Your Blogger Dashboard --> Template --> Edit HTML find the code (using ctrl+F) <data:post.body/>, and paste First Part code just before <data:post.body/> code to display on above the content area. If you want to show it below to content area, paste First Part code to below <data:post.body/>, and finally click on Save. If you are using read more hack on your Blogger blog, you would see <data:post.body/> code two times in your blog, so try for each and look at your blog to find out which is suitable for you.