Helper Blogger: Google Plus

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPZM-Hpw82l5SC4jJCoPiv0VX_Cunn_c5abJyp4LmqnJUe51fnbzuNcXm2y7bcD8nHDUZr73_nu59Leqpp0X91RmgBlzH7UcDLCuln1Gt-Yi1oxRDM0_5zluvwSTTmhuFqW_2alSkcsRw/s1600/SRFile2012_8_21_13_40_20_906.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPZM-Hpw82l5SC4jJCoPiv0VX_Cunn_c5abJyp4LmqnJUe51fnbzuNcXm2y7bcD8nHDUZr73_nu59Leqpp0X91RmgBlzH7UcDLCuln1Gt-Yi1oxRDM0_5zluvwSTTmhuFqW_2alSkcsRw/s1600/SRFile2012_8_21_13_40_20_906.jpg" /></a></div>
<br />
<br /></div>
Till we was using the Add to Circles Widget which was created by <a href="http://widgetsplus.com/" rel="nofollow" target="_blank">widgetsplus.com</a> 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 ?<br />
<br />
<br /></div>
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify;">
How To Add Custom Add To Circles Widget To Blogger?</div>
<br />
<br />
For easy installation I am providing a widget generator for this 
widget.Follow the simple instructions to use the widget generator.<br />
<br />
<br />
<ol style="text-align: left;">
<li><b>You must log in into your blogger account first</b></li>
<li>Customize the fields as you wish</li>
</ol>
<div>
<div>
<blockquote class="tr_bq" style="background-image: url(https://sites.google.com/site/0323books0321/coding2.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="background-color: white;">
</div>
<span style="font-family: Verdana, sans-serif;"><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;"><span style="background-color: red; color: black;">Rashid Shah</span><br /></div><a href="<span style="background-color: blue; color: white;">https://profiles.google.com/106465314277386711723</span>"><img src="<span style="background-color: yellow; color: white;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhj86cCDQEDwWXuia72dlViRZ-9Alap9DQel3PNTM4tS5_VgbO-w7L1HrUkpf7k-ZxT9RUBad5dvSgWm5gkIj-f-In0-pchhP3wykPSUrOx9eXew86zNjwYAs2hk67Y4Znq5DtoNvEkvZR/s200/400923_322654207766064_873823819_n.jpg</span>" alt="Rashid Shah on Google Plus" border="0" height="140" width="140" /></a><br /><br /><div style="font-size:80%;"><span style="background-color: magenta; color: white;">Blogger Seo</span> </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="<span style="background-color: lime; color: white;">https://plus.google.com/106465314277386711723</span>" rel="author" width="210" height="69"></g:plus></center></div></center></span><br />
<div style="background-color: white;">
</div>
</blockquote>
</div>
</div>
<br />
<br />
Replace With Your Name: <span style="font-family: Verdana, sans-serif;"><span style="background-color: red; color: black;">Rashid Shah</span></span><br />
<br />
Replace With Your Profile Url: <span style="font-family: Verdana, sans-serif;"><span style="background-color: blue; color: white;">https://profiles.google.com/106465314277386711723</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: blue;"><br /></span></span>
Replace With Your Pic Url: <span style="font-family: Verdana, sans-serif;"><span style="background-color: yellow; color: white;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhj86cCDQEDwWXuia72dlViRZ-9Alap9DQel3PNTM4tS5_VgbO-w7L1HrUkpf7k-ZxT9RUBad5dvSgWm5gkIj-f-In0-pchhP3wykPSUrOx9eXew86zNjwYAs2hk67Y4Znq5DtoNvEkvZR/s200/400923_322654207766064_873823819_n.jpg</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: yellow;"><br /></span></span>
Replace With Your Short Description: <span style="font-family: Verdana, sans-serif;"><span style="background-color: magenta; color: white;">Blogger Seo</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: magenta;"><br /></span></span>Replace With Your Profile Url: <span style="font-family: Verdana, sans-serif;"><span style="background-color: lime; color: white;">https://plus.google.com/106465314277386711723</span></span><br />
<br />
Finally save your widget and you are done.<br />
<br />
Hope you have liked this simple widget :)<br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: yellow;"><br /></span></span></div>

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...

+ Read more »