[Tutorial] Memasang tombol Like & Share FB, Twitter dan G+ di blog

Oke Kamisamazune Design akan update tutorial terbaru lagi, sebenarnya tutorial ini request dari pengunjung: izayoikiel

Oke, langsung aja ke tutorialnya:

HTML<div class='entry-social' style='display:block;margin-bottom:0;'>
<!-- FACEBOOK LIKE DAN SHARE -->
<span class='fb-like' data-layout='button_count' data-share='true' data-show-faces='false' data-width='900' expr:data-href='data:post.url'/>
<!-- TWITTER SHARE -->
<span class='twitter-share' style='width:78px;overflow:hidden;display:inline-block;margin-top:5px;'><a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a></span>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<!-- GOOGLE+ SHARE -->
<span class='gplus-share' style='overflow:hidden;display:inline-block;'><div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/>
<script type='text/javascript'>
  window.___gcfg = {lang: &#39;id&#39;};
 
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</span></div>

Pasang script diatas ini, tepat diatas kode <data:post.body/> (jika ada 2 kode, pasang di ke-2 kode tersebut)

Sekain tutorial nya, bagi yang mau request juga silahkan ketik di Chatango.

Facebook Twitter Google+ Linkedin Technorati Digg