Yes,Finally Google made a Badges similar to Google Fan box.You see its hanging in Sidebar too at Blogger.Grow your +1 in your Google Plus one Badger and get circles too.Do you know Google Plus badge and Google plus button has same JavaScript.So if you have installed Google Plus button then you don't kneed to add JavaScript for Google plus badge.Am I Confusing your?Aren't I.If yes Kindly Follow us.

Google Plus Badge/Button JavaScript Code.

You need to add the JavaScript in before </head> tag of this Blog.The JavaScript is Given Below.

<!-- Google + JavaScript  starts -->
<script type="text/javascript">
  (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>
<!-- http://bloggerrounder.blogspot.com -->
<!-- Google _ one script ends -->

 

Google Plus HTML codes.

Place the HTML codes wherever to like to  see your Google Plus Badge.The HTML code of Google Plus is given below.

Google +1 badge

HTML Code

Google plus one Badget <g:plus href="G+1 Url" height="131" width="300" theme="light"></g:plus>
Google plus one Badget <g:plus href="G+1 Url" height="69" width="300" theme="light"></g:plus>
Google plus one Badget <g:plus href="G+1 Url" height="131" width="300" theme="dark"></g:plus>
Google plus one Badget <g:plus href="G+1 Url" height="131" width="200" theme="light"></g:plus>

Adding Widget

  • In Blogger
    1. Go to Blogger Dashboard>Layout
    2. Click on Add Gadget
    3. Select HTML JavaScript
    4. Paste the JavaScript at fist and HTML code of Google +1 Budge Code.
  • Adding in WordPress
    1. Go to Wordpress Dashboard>Appearence>Widget
    2. Go to Available Widget
    3. Drag text widget to Sidebar
    4. Paste the HTML And JavaScript  Codes.

Enjoy.

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder's by RSS feed or email updates.

0 comments on "Installing Google Plus Badges.":

Post a Comment

We Love To Hear Comments from You.Comments are Welcome.You can comment here regarding this Post.If it is not related with the post you can ask a question by Contacting Us.Before Comment Please Subscribe To our RSS or email updates.Publishing Spam Comment is Not allowed.If you want to Add Code then Please Encode it.
Simple Tags like <a> ,<strong>,<b>,<em> and <i> are allowed for preventing spam

Newer page Older Pager Home Pager

Pls share this page

Get this
Copyright © 2012 Blogger Rounder .Designed by Shirshak.
back to top