Add Google+ Widget With Profile Pic And Circle Count In Blogger

Add Google + follower widget with profile pic in blogger is really a awesome widget. This google + circle widget is different from others. It is quite easy to do this. Because you are very familiar in adding widget or gadget to your blog. You get your profile pic in google + circle badge, and you can display some name of the widget and followed by a +1 count button included .So, I think you are ready to use this in blogger right now.

ALSO READ :  HOW TO ADD GOOGLE FRIENDS CONNECT WIDGET IN BLOGGER

Google + Badge Follower Widget With Profile Pic

 

  1. Login into Blogger
  2. Select your blog if you have many
  3. Then migrate to LAYOUT –> Click on “Add A Gadget
  4. You get a windows open then find for HTML / JAVASCRIPT and click “+” button
  5. Then copy the below code and paste it there and make your editing.
  6. Then click on save.
  7. You may now visit your blog and have fun.

<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>
<div style=”background: none;
border-radius: 3px;
border: 1px solid #CCC;
margin: 0px; padding: 10px 10px 5px 10px;
width: 270px;”>
<b><span style=”color: #333333;
font-family: arial;
font-size: 14px;”>
Your Profile/PageName Goes Here In
<a href=”Your Google+ Profile/Page URL Goes Here“>+1</a> Circles → </span>
</b>
<br />
<div>
<b><br /></b>
<b>
<img align=”left” height=”54px” src=” Your Profile Picture URL Goes Here
style=”margin-right: 5px;” />
<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 height=”69″ href=”Your Google+ Profile/Page URL Goes Here” width=”210″&gt
</g:plus>
</b>
</div>
</div>

ALSO READ :  HOW TO ADD PROFESSIONAL AUTHOR WIDGET FOR BLOGGER

Customization Of Google + Cricle Badge Containing Profile Pic

1. Replace “Your Profile/PageName Goes Here” with your own Google+ username or page name.
2. Replace “Your Google+ Profile/Page URL Goes Here” with your own Google+ Profile/Page URL
3. You Should manually update +1 count as your followers increases.
4. Your Profile Picture URL Goes Herereplace this with your profile pic link.

Article By Tharun

Hey! Tharun here. A Blogger makes blogging on wordpress tips, blogger tricks, SEO tricks, Android Apps, He love to share what he knows. Meet him at Facebook, Twitter. Get free Wordpress Installation Service Contact Here.

Leave a Reply