<div id="buttons">
  <div class="facebook button">
    <i class="icon">
      <i class="icon-facebook">
    </i>
  </i>
  <div class="slide">
    <p>
      facebook
    </p>
  </div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=App_id";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 <div class="fb-like" data-width="80" data-layout="button_count" data-show-faces="false" data-send="false"></div>
  </div>
   
  <div class="twitter button">
    <i class="icon">
      <i class="icon-twitter">
    </i>
  </i>
  <div class="slide">
    <p>
      twitter
    </p>
  </div>
  <a href="https://twitter.com/share" class="twitter-share-button" data-via="midoghranek">
    Tweet
  </a>
  <script>
    !function(d,s,id){
      var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
      if(!d.getElementById(id)){
        js=d.createElement(s);
        js.id=id;
        js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
  </script>
  </div>
   
  <div class="google button">
    <i class="icon">
      <i class="icon-google-plus">
    </i>
  </i>
  <div class="slide">
    <p>
      google+
    </p>
  </div>
  <!-- Place this tag where you want the +1 button to render. -->
  <div class="g-plusone" data-size="medium">
  </div>
   
  <!-- Place this tag after the last +1 button tag. -->
  <script type="text/javascript">
    (function() {
      var po = document.createElement('script');
      po.type = 'text/javascript';
      po.async = true;
      po.src = 'https://apis.google.com/js/plusone.js';
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(po, s);
    }
    )();
  </script>
  </div>
   
   
  <div class="linkedin button">
    <i class="icon">
      <i class="icon-linkedin">
    </i>
  </i>
  <div class="slide">
    <p>
      linkedin
    </p>
  </div>
  <script type="IN/Share" data-counter="right">
  </script>
  <script src="//platform.linkedin.com/in.js" type="text/javascript">
    lang: en_US
  </script>
  </div>
</div></p>

google+

linkedin

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet arcu blandit ex rutrum tincidunt non sed purus. Fusce egestas laoreet nibh, sed euismod lorem maximus ac. Morbi elementum non quam in sollicitudin. Maecenas efficitur augue justo, a interdum nunc ullamcorper vitae. Maecenas facilisis sem ut metus luctus, at molestie quam venenatis. Aliquam ullamcorper libero id massa luctus porta a quis orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse mattis, nisi suscipit posuere volutpat, metus lacus pretium augue, a ullamcorper enim mauris eu lacus. Donec volutpat enim id tortor cursus consectetur. Cras molestie laoreet sapien, vel iaculis mauris porta sit amet. Etiam ultricies nec neque vel auctor. Ut eleifend orci nec libero ullamcorper, sed consectetur turpis sagittis. Suspendisse non tristique urna. Praesent ac dapibus nulla, ac porta odio. Proin rhoncus finibus justo eget eleifend.

Nullam vehicula, justo sit amet facilisis vulputate, ipsum mi tempus nulla, eget iaculis ex diam at metus. Vivamus vitae metus sit amet magna euismod aliquet. Sed lacinia diam eu condimentum facilisis. Suspendisse luctus consectetur eros. Integer euismod, lectus ut vulputate tempus, purus ipsum viverra nisi, in efficitur erat metus eget justo. Praesent urna justo, bibendum rutrum luctus vitae, tincidunt id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam et erat aliquet, euismod justo at, tincidunt justo. Ut accumsan felis ac sapien porttitor viverra. Ut convallis ipsum nulla, eget fermentum nulla vehicula ut.

In hac habitasse platea dictumst. Sed nulla quam, feugiat sit amet ligula ut, blandit pharetra mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi est ante, volutpat a mi eu, hendrerit sodales lorem. Donec vitae nulla dui. Proin nec metus arcu. Nulla suscipit nulla eu mauris hendrerit, non sodales mi suscipit. Proin mattis facilisis magna ac volutpat. Sed condimentum condimentum est. Sed nec condimentum libero. Pellentesque tempus malesuada ipsum sit amet facilisis. Ut efficitur, urna at eleifend finibus, nunc risus aliquam magna, id commodo nisi lectus sollicitudin mauris. Sed vel maximus justo. Donec tempor interdum iaculis. Vestibulum nec porttitor felis. Pellentesque tempus sapien risus, et rutrum lectus bibendum vel. Phasellus facilisis velit ac felis ullamcorper convallis. Nulla commodo pulvinar sapien at porta.

Ut vestibulum nibh at dui consequat lobortis. Aenean bibendum vestibulum turpis, sit amet facilisis elit maximus vel. Mauris urna felis, gravida eget erat nec, semper euismod ipsum. Cras tristique, eros sit amet placerat pretium, mi ligula lacinia mi, malesuada fermentum mauris mi nec enim. Sed vel vulputate velit. Integer interdum libero ut turpis feugiat dictum vitae at magna. Sed sed nisl vitae elit accumsan dapibus. Duis nunc purus, pharetra gravida sem quis, placerat pretium tellus. Sed ut suscipit quam, in malesuada tortor. Fusce non volutpat ex. Quisque pulvinar diam et eleifend dictum. In dapibus libero auctor pharetra sagittis. Nunc vitae ultricies lorem. Quisque vehicula orci id sapien dapibus dapibus.

Get it Here http://mybloggerworld.net/blogger/add-link-post-widget-every-blogger-post/
Get it Here http://mybloggerworld.net/blogger/facebook-static-jquery-likebox-hover/