Sunday 12 May 2013

Add Floating Facebook Like And Retweet Counter To Your Blog


     Add floating facebook like and retweet counter as shown in above image to yourblog. Just follow below simple steps:


     1. Go To Blogger > Design
     2. The Select HTML/JavaScript Widget
     3. Paste following codes inside it .

<div style="display:scroll; position:fixed; top:40%; left:2%; border: 1px dotted #E8E8E8; padding:0px 0px 0px  5px; height:220px; width:53px ">
    <table cellpadding="1px" cellspacing="0">
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
    <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
    <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="ndark14">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
    </table>
    </div>

     4. Now replace ndark14 with your twitter username.
     5. Save it and done.

umang

Hi this is umang, Founder of TechnoRoots.i am a computer science student and a very passionate techno lover guy who loves technology more than anything else. Stay in love with TechnoRoots for getting all the latest updates in Tech and Computer World.

0 comments:

Post a Comment

 

Share it

twitter  facebook  google plus  linkedin 

Total Pageviews

Disclaimer

All the links and files in this website is not hosted by technoroots.in. If any blog or website having any query with the content we post, please contact us at support@technoroots.in

Softwares-Let's Explore The Software World | 2014

E:support@technoroots.inDeveloped By : Umang Patel Gadget Geeks