Add Floating Social Share Buttons With Funny Emoticon For Blogger/Blog

There is a great impact of social networks in our life. So I am giving the code of this widget so that you all bloggers can add this widget to your blog. This widget contains Facebook, Twitter and Google+ sharer buttons with counters that will make your blog more social and also added funny emoticons hover effect you can see in the above animated gif as a demo.

This widget contains counters of important social networking sites that has the potential to bring you traffic by circulating your content to a wider audience.

How to add this widget to blogger?

• Go to Blogger—>Layout—>Add a gadget
• Choose HTML/Javascript from the list
• Copy the code below and paste it inside the content box.

<!-- floating page sharers with funy emoticons by www.makingdifferent.com --> <style>#MDfloatshare{background:#f5f5f5;float:left;padding: 4px; position: fixed; top: 240px; z-index: 1; width:64px;} #MDfloatemo{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCtqPaf8EMirKkQxdeY7kzI7Kr9GSnHREpHfEf6XGSI6_EX1Oeh37V12s5ldJjmREzjMX62EA_y7APPN4zkeBX9kJcsmvOsfgc-JQyt0WvgoNXkHNDveZcUl3MJ3u5il3XgorJ8PXWUNTW/s1600/%5Bwww.makingdifferent.com%5Demo.png);background-position:67px 0;float: left; margin: 0 0 0 -100px; padding: 4px;height:65px;position: fixed; top: 160px; z-index: 1; width:60px;} #MDfloatemo:hover{background-position:2px 0;} </style> <div id="MDfloatemo"><div id="MDfloatshare"> <div style="margin:0 0 5px 2px;"> <a href="https://twitter.com/share" data-count="vertical">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div> <div style="margin:0 5px 5px;"> <script type='text/javascript' src='https://apis.google.com/js/plusone.js'></script> <g:plusone size="tall"></g:plusone></div> <div style="margin:0 8px 5px;"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like send="false" layout="box_count" width="55" show_faces="false" font=""> </fb:like> </div><div style="margin:0 2px 5px;"><div data-action="share" data-annotation="vertical-bubble" data-height="60"> </div></div></div></div> <!-- floating page sharers End -->

 

• Now Save the gadget.

That’s it.