Skip to main content

How To Add Google Plus Badge To Your Blog

Adding Google+ badge to your blog increase your blog reader as well as popularity of your blog. This badge works similar like Facebook Like Box but in different ways. Google+ badge is not only help to promote your Google+ profile or page on social network from your blog but also increase the rank in search results. If you have created your Google+ profile your page already then you are eligible to add Google+ badge to your blog.

Adding to Blogger

No matter what domain you are using. If your blog is hosted on blogspot then you can easily add Google+ badge to your blog. You can add Google+ badge to your blog in two ways. To add Google+ badge to your blogger blog just follow the below steps.

Method 1

1. login to your blog
2. go to Layout
3. click Add a Gadget

4. click Google+ Badge

5. here you can customize your badge. You can change the layout from Portrait to Landscape as well as width.
6. scroll down and click Save

Once you click Save, your Google+ badge is added to your blog's layout. After that click Save arrangement. This is the easiest method to add Google+ badge to your blogger's blog.

Method 2

In this method you need to copy the html code either for your Google+ profile or page. Copy the below html code. 

<!-- Place this tag where you want the widget to render. -->
<div class="g-person" data-width="300" data-href="//" data-rel="author"></div>

<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = '';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

N.B:- Here "115663078255490264400" is my Google+ profile address. You need to replace it with your own profile number. If  you want your Google+ Badge as landscape then enter data-layout="landscape" right after the profile address "115663078255490264400". If you want to add your Google+ page badge then replace "person" to "page" and profile address "115663078255490264400" with your own Google+ page address. 

Step 1. login to your blogger account
2. Go to Layout
3. Click Add a Gadget
4. scroll down and select Html/JavaScript

5. Now paste the code in the content box
6. Click Save

7. Finally, click Save arrangement.

Your Google+ Badge is added to your blogger's blog. Watch the below video.

Adding to WordPress

1. First you need to copy the html code
2. Login to your WordPress account
3. Go to Dashboard
4. Appearance
5. Widgets
6. Available Widgets
7. Drag Text widget into a sidebar
8. Paste the code
9. Click Save

If you have problem to find your profile or page address then Click here to get your html code directly from Google Developer's page. Select your Google+ profile or page. Here you can customize your badge's layout, width etc., according to you. After customizing your badge copy the html code and then follow the rest steps.

That's it. Lets people to follow you from your blog.