<div style='background-color: none transparent;'></div>

Blogsearch Backlinks

backlinks check Google

Home » , , , , , , » How To Add Google Plus Add To Circle Badge With Author Image in Blogger

How To Add Google Plus Add To Circle Badge With Author Image in Blogger

Google Plus plays a vital role in boosting huge amount of traffic to your blog and to increase Author Rank algorithm. It is more important you to increase your Google+ Followers the search results are varying according to author rank.
Google Plus Add to Circle Badge is the best widget that can help you to increase the list of peoples who added you in their circle. But the blogger default badge is not too much attractive for your visitors. So, today I bring you with a stylish Google Plus - Add to Circle Badge along with author image that works awesomely to increase your fan.
add-google -stylish-badge-to-your-blog
To see the live demo of this gadget you can check out in this blogs sidebar with my picture.

Add Google Plus Add to Circle Badge to Blogger

  • Login to your blogger dashboard.
  • Go to Layout –> Add a Gadget –> HTML/Javascript.
  • Copy the below code and paste it there.
<div style="width:275px; padding:10px 10px 5px 10px; margin-bottom:3px; border:1px solid #dcdcdc;"><font style=" font-size:14px; color:#333333; font-family:arial;"><strong>Rakshith M'lore In <a href="Your Google Plus Profile URL Here">15+</a> Circles →</strong></font><div  style="width:250px; padding:10px 10px 5px 10px; margin-bottom:3px; border:1px solid #dcdcdc;">
<a href="Your About Us Page URL Here"><img width="54" height="54" style="margin-right:10px;" src="Your Image URL Here" align="left"/></a>
<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 href="Your Google Plus Profile URL Here" rel="author" width="180" height="69"></g:plus></div>
</div>

Editing the code

  • Your Google Plus Profile URL Here with your Google+ URL.
  • Your About Us Page URL Here with your About Us Page URL.
  • Your Image URL Here with your Profile Image URL.
  • Change “15+” to the number of your choice.
  • Now Save the Gadget.
Share this article :

No comments:

Post a Comment

 
Copyright © 2011. backlink checker . All Rights Reserved
Company Info | Contact Us | Privacy policy | Term of use | Widget | Advertise with Us | Site map
Template Modify by Creating Website. Inpire by Darkmatter Rockettheme Proudly powered by Blogger