Custom Add To Circles Widget For Blogger

Till we was using the Add to Circles Widget which was created by widgetsplus.com but now days we are noticing that the widget is not working also their site down because of upgrade process.There is a widget by blogger but doesn't include your profile picture.Then what to do? How can we add a Add to Circles Widget which will contain a profile pic. along with add to circle badge? Here I have a solution with this custom Add to Circles Widget.I have created a custom Add to Circles Widget by using some simple HTML and CSS properties and added a add to circles badget by using the badge your users can directly follow you on Google + through your blog.Now lets see how to add it to blogger ?

How To Add Custom Add To Circles Widget To Blogger?

For easy installation I am providing a widget generator for this widget.Follow the simple instructions to use the widget generator.

1. You must log in into your blogger account first
2. Customize the fields as you wish

<center><div style="border:1px solid #999;width:220px;font-family:sans-serif;color:#666;"><div style="background: #999;padding:2px;height:30px;font-size:16px;color:#fff;"><center style=" margin-top: 5px;">Add Me On Google +</center></div><center style="margin-top:5px;"><div style="font-weight:bold;padding:5px;">Rashid Shah
</div><a href="https://profiles.google.com/106465314277386711723"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhj86cCDQEDwWXuia72dlViRZ-9Alap9DQel3PNTM4tS5_VgbO-w7L1HrUkpf7k-ZxT9RUBad5dvSgWm5gkIj-f-In0-pchhP3wykPSUrOx9eXew86zNjwYAs2hk67Y4Znq5DtoNvEkvZR/s200/400923_322654207766064_873823819_n.jpg" alt="Rashid Shah on Google Plus" border="0" height="140" width="140" /></a>

<div style="font-size:80%;">Blogger Seo </div>
<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="https://plus.google.com/106465314277386711723" rel="author" width="210" height="69"></g:plus></center></div></center>

Replace With Your Name: Rashid Shah

Replace With Your Profile Url: https://profiles.google.com/106465314277386711723

Replace With Your Pic Url: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhj86cCDQEDwWXuia72dlViRZ-9Alap9DQel3PNTM4tS5_VgbO-w7L1HrUkpf7k-ZxT9RUBad5dvSgWm5gkIj-f-In0-pchhP3wykPSUrOx9eXew86zNjwYAs2hk67Y4Znq5DtoNvEkvZR/s200/400923_322654207766064_873823819_n.jpg

Replace With Your Short Description: Blogger Seo

Replace With Your Profile Url: https://plus.google.com/106465314277386711723

Finally save your widget and you are done.

Hope you have liked this simple widget :)