Cara Membuat Tombol Share di bawah Posting

Langsung saja !!

1. Masuk ke menu template di dalam blogger, pilih Edit HTML, Klik di mana saja pada kotak edit template agar pointer mouse ada di dalamnya.
2. Copy kode di bawah ini dan letakkan di atas kode ]]></b:skin> (tekan CTRL + F agar dengan mudah untuk menemukannya).

#post-share-button{margin-top:25px;background:#fafafa;padding:10px 10px 5px 15px;width:95%}

3. Lalu cari lagi kode yang seperti ini <div class='post-footer-line post-footer-line-3'><span class='post-location'>, letakkan kode di bawah IN di atas kode tersebut.

<div id='post-share-button'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
<span style='margin-left:15px'><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>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></span>
<span><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone size='medium'/></span>
<span><span id='pin-wrapper' style='margin:5px 10px 5px 0; text-align: left;'>
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
</span>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>

function run_pinmarklet() {
    var e=document.createElement(&#39;script&#39;);
    e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
    e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
    e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
    document.body.appendChild(e);
}
</script> </span>
</div>


4. Kemudian simpan template anda.

Demikian tutorial singkat mengenai pemasangan Tombol Share This di bawah artikel. untuk anda yang ingin merubah tampilannya menjadi lebih bagus dan cantik disertai icon dapat menuju ke artikel Share Button Beautifull in Bottom Article.

Posted in: Tips dan Trik