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.
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/AVvXsEiQ-dnn0x6eKfCOXkhqP_KZCju2ApLpgiT1Pw7lo9ZxIYzmInMN9fxyFjObfv5dbPICiyWzpIhLFCcntvCMQ1l0-x9-ezLYX7w0Qky7t6c53RaeEfkSPDndE5tIaFvIOpnwsFBrqe3yn6Y/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.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
0 comments:
Post a Comment