custom designed google plus widget for blogger

Till we was using the Add to Circles Widget , 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 ?
     -----------------------------------------------------------------------------------------------------------------------------

1.ADD a html/javascript widget
2.then paste the below code to it and save the widget.

<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;">dothestuff</div><a href="https://profiles.google.com/106527290580119996124"><img src="https://lh3.googleusercontent.com/-y-rbAwwa7zE/AAAAAAAAAAI/AAAAAAAAAAA/AMLrljoeyGs/s1600/photo.jpg"alt="dothestuff on Google Plus" width="140" height="140" border="0" /></a><br /><br/><div style="font-size:80%;">Add Short Description Here</div><br/><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/106527290580119996124" rel="author" width="210" height="69"></g:plus></center></div></center>

3.you're done.
-----------------------------------------------------------------------------------------------------------------------------

change above Add Me On Google to your title
change above dothestuff to your g+ name
change above 106527290580119996124 to your g+ id
changeabovehttps://lh3.googleusercontent.com/-y-rbAwwa7zE/AAAAAAAAAAI/AAAAAAAAAAA/AMLrljoeyGs/s1600/photo.jpg to your g+ page id
change above Add Short Description Here to your disciption
----------------------------------------------------------------------------------------------------------------------------- 
be vigilant and careful while doin html / javascript duties
coz it may lead to info leaks or slowing down or unworkability.
also check out google blogger terms and conditions.
----------------------------------------------------------------------------------------------------------------------------- 




no video for this stuff.




Latest posts.