
Blogger widgets are not customized but mbc always taking care to giving professional design to blogger widgets. In our previous posts we are share social network cards for getting an site much more amount of social likes. Also for getting much more amount of social traffic you also need to add professional designs to your blog. Mostly if you are interested to creating an professional site then you need to create some amount of professional design widgets for getting heavy traffic. Also in blogger for getting high traffic also need to depending upon the social sites to promoting your posts.
Mainly in this widget i have added sharing buttons like an image style then all can attracting your widget to sharing your posts. Also in this widget we are added white color social images with different color backgrounds for attractive purpose, also if you are not interested to adding background image then also you can do that and also you can change the background image in our collections.
Today we are going to sharing the largest using professional widget. But friends our team added hard efforts to its so readers don't remove the attribution link because this widget is fully register with Google dmca policy.
Also if you are interested to sharing with your readers then give back link to us. Mostly we are added simple codes like adjustment the image size and we are not added any type of css codes because adding css codes its decrease your blog loading speed.
Add Google Plus circle style Social sharing Buttons
First go to Blogger dashboard > Design > Page elements
Then select an javascript gadget and paste the below code in the box.
<div style="position: relative; "> <img src="http://1.bp.blogspot.com/-e7QNz0YQx7g/UCpwS2rZTyI/AAAAAAAACv0/y2LEserP4V8/s320/orange-bg.png" border="0" alt="Example 3" height="200" width="444"> <div style="position: absolute; left: 50%; top: 50%; overflow: hidden; width: 200px; height: 200px; margin-left: -100px; margin-top: -100px; "><div style="position: absolute; top: 50%; left: 50%; width: 66.66666666666667px; height: 66.66666666666667px; margin-left: -33.333333333333336px; margin-top: -33.333333333333336px; "><img src="http://1.bp.blogspot.com/--NFdOVhyodc/UCpvRoYmdVI/AAAAAAAACu4/ei98FBmLc2M/s320/share.png" height="66.66666666666667" width="66.66666666666667"><a class="facebook" title="Share to facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://www.facebook.com/Facebook User Name&title=Facebook" target="_blank" style="opacity: 1; position: absolute; width: 33.333333333333336px; height: 33.333333333333336px; margin-left: -16.666666666666668px; margin-top: -16.666666666666668px; left: 32.40499845410973px; top: -42.85148704765552px; "><img border="0" src="http://3.bp.blogspot.com/-aHGpd6ZoxLQ/UCpt7IXu3ZI/AAAAAAAACt8/Ntew9wZ-rJc/s320/facebook.png" height="33.333333333333336" width="33.333333333333336"></a><a class="twitter" title="Share to twitter" href="http://twitter.com/home/?status=twitter user name" target="_blank" style="opacity: 1; position: absolute; width: 33.333333333333336px; height: 33.333333333333336px; margin-left: -16.666666666666668px; margin-top: -16.666666666666668px; left: 81.59284614484474px; top: -25.624347127545427px; "><img border="0" src="http://4.bp.blogspot.com/-yIGvPWc0CEs/UCpvR_HYBnI/AAAAAAAACvE/PbEExQ0EPdI/s320/twitter.png" height="33.333333333333336" width="33.333333333333336"></a><a class="StumbleUpon" title="Share to StumbleUpon" href="http://www.stumbleupon.com/submit?url=stumbleuopn user name" target="_blank" style="opacity: 1; position: absolute; width: 33.333333333333336px; height: 33.333333333333336px; margin-left: -16.666666666666668px; margin-top: -16.666666666666668px; left: 108.19953144633183px; top: 19.189746721841125px; "><img border="0" src="http://1.bp.blogspot.com/-f1UNsJoV5Js/UCpvS0GlmoI/AAAAAAAACvo/pK4h_1meJtY/s320/StumbleUpon.png" height="33.333333333333336" width="33.333333333333336"></a><a class="digg" title="Share to digg" href="http://digg.com/submit?phase=2&url=digg user name" target="_blank" style="opacity: 1; position: absolute; width: 33.333333333333336px; height: 33.333333333333336px; margin-left: -16.666666666666668px; margin-top: -16.666666666666668px; left: 99.77549060563595px; top: 70.62178193520094px; "><img border="0" src="http://3.bp.blogspot.com/-b37lu5QJE4U/UCpt8Bgen7I/AAAAAAAACus/Boy0TErfPyo/s320/digg.png" height="33.333333333333336" width="33.333333333333336"></a><a class="linkedin" title="Share to linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=linkedin user name" target="_blank" style="opacity: 1; position: absolute; width: 33.333333333333336px; height: 33.333333333333336px; margin-left: -16.666666666666668px; margin-top: -16.666666666666668px; left: 60.26242595490409px; top: 104.60613763280216px; "><img border="0" src="http://2.bp.blogspot.com/-HK428JctcoU/UCpt7sO7ujI/AAAAAAAACuU/2U0J0jvsnmg/s320/linkedin.png" height="33.333333333333336" width="33.333333333333336"></a><a class="gplus" title="Share to gplus" href="https://plus.google.com/share?url=Google plus id" target="_blank" style="opacity: 1; position: absolute; width: 33.333333333333336px; height: 33.333333333333336px; margin-left: -16.666666666666668px; margin-top: -16.666666666666668px; left: 8.148939583011803px; top: 105.24115608969473px; "><img border="0" src="http://4.bp.blogspot.com/-mp5YJpABp8k/UCpvSI67Y5I/AAAAAAAACvQ/FWgrb1jKQro/s320/gplus.png" height="33.333333333333336" width="33.333333333333336"></a><a class="pinterest" title="Share to pinterest" href="http://pinterest.com/pin/create/button/?url=pinterest user name" target="_blank" style="opacity: 1; position: absolute; width: 33.333333333333336px; height: 33.333333333333336px; margin-left: -16.666666666666668px; margin-top: -16.666666666666668px; left: -32.180489059745675px; top: 72.22970511245457px; "><img border="0" src="http://1.bp.blogspot.com/-XWJCAPihw4U/UCpt7RuX7TI/AAAAAAAACuI/I8Q5eCXa6rU/s320/pinterest.png" height="33.333333333333336" width="33.333333333333336"></a><a class="rss" title="Share to rss" href="feedburner link" target="_blank" style="opacity: 1; position: absolute; width: 33.333333333333336px; height: 33.333333333333336px; margin-left: -16.666666666666668px; margin-top: -16.666666666666668px; left: -41.855272099748824px; top: 21.018209494743328px; "><img border="0" src="http://2.bp.blogspot.com/-BePbO1wQOZ8/UCpt769KjUI/AAAAAAAACug/gJYYL1nDNXA/s320/rss.png" height="33.333333333333336" width="33.333333333333336"></a><a class="mail" title="Share to mail" href="mailto:?subject=mail id" target="_blank" style="opacity: 1; position: absolute; width: 33.333333333333336px; height: 33.333333333333336px; margin-left: -16.666666666666668px; margin-top: -16.666666666666668px; left: -16.348471029343607px; top: -24.430902811535866px; "><img border="0" src="http://1.bp.blogspot.com/-kz6cvcIYGrA/UCpvScFDiyI/AAAAAAAACvc/jw1zMamx3Y0/s320/mail.png" height="33.333333333333336" width="33.333333333333336"></a></div></div></div>
Now change all blue color links with your links.
Now save your template.
Visit your blog and enjoy with your blog.
Amazing tool :) thanks for sharing
ReplyDeleteNice gadget in a different way...
ReplyDeleteVery nice..thanks a lot
ReplyDeleteGonna try it now for my blogs, thanks for sharing.
ReplyDelete