Add Floating Social Share Buttons With Funny Emoticons

As we all know that now-a-days there is a great impact of social networking in our life. People spend much of their time on Facebook, Twitter or Whatsapp etc., texting their friends and all. Apart from just writing text they even use emotional icons, funny icons to express their feelings. In the similar way you can get this application for the blog too. This would come as an interesting feature for the bloggers. By adding floating social share button with funny emoticons you can attract your visitors by its cool hover effect. This in turn helps you in increasing your number of followers on social networks or on your blog.
This widget makes your blog more attractive compared to those who do not use this widget to their blog. This emoticon widget is provided with some codes which is related to a particular icon. So if you wish to have this widget in your blog you need to have these this codes. So here I provide you with the code of this widget so that all the bloggers can add them to their blog and use it to its extreme potential to add traffic to their page.

How to add this widget to blogger?

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

Bookmark This Script:
<!-- 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/AVvXsEgsmsu6mPhZBb68IXAV0lakiDRA18UtfaiPXvLAsE6ogpSwayq_MdfsUVk9clmtUMqMz0-HgP29ZiYyEYI_-M4r2FUy87cAObV_6uA7ZHT7foWBRWpuoBfYAHi2r8JT5W2tMdSTmdis67Dn/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 -->