Add Floating Social Share Buttons With Funny Emoticons

Add Floating Social Share Buttons With Funny Emoticons

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

<style>
#Pc-Tools-Tips-Share{
background:#f5f5f5;float:left;
padding: 4px; position: fixed; top: 240px;
z-index: 1; width:64px;
}
#Pc-Tools-Tips-Emo{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE-AbnYf_QRsER1WJO0iNgkU9KuCBehmhAHGWeK8_JDDh_f6cur6chkh5UckRXQU_acyXD94pzxmf0JhvgEhGoNFxb9c5zMtyekQy4jaqB5WpZQhGz8ycC5N9SII8HAtTBdE_IR1YEoog/h120/Pc+Tools+Tips.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;
}
#Pc-Tools-Tips-Emo:hover{
background-position:2px 0;
}
</style>
<div id="Pc-Tools-Tips-Emo"><div id="Pc-Tools-Tips-Share">

<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.options({onhover:false});</script>
<span class='st_fblike_vcount' displaytext=''/>
<span class='st_twitter_vcount' displaytext='' st_via='pctoolstips'/>
<div style='margin:5px 0 0px 0;'>
</div>
<div style='margin:0px 0 0 5px;'>
  <span class='st_plusone_vcount' displaytext=''/>
</span></div>
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
  <a class='addthis_counter'/>
</a></div>
</span></span></div>
</div> - See more at: http://vikramtipz.blogspot.in/2013/10/add-floating-social-share-buttons-with.html#sthash.Ov85QOXJ.dpuf

• Now Save the gadget.