Cara Membuat Tombol Like Di Bawah Postingan Blog

Cara Membuat Tombol Like Di Bawah Postingan Blog - Halo sobat Firman Maulana Tgb udah lama blog ini tidak memposting artikel, Sekitar 5 hari yang lalu blog ini memposting tentang Cara Membuat Komentar Facebook Di Blog dan sekarang akan memposting tetang Cara Membuat Tombol Like Di Bawah Postingan Blog. Tombol like ini mempermudahkan artikel kita agar ter Index oleh Om Google sob, makanya buruan dipasang tombolnya.


Yang mau masang tombol silahkan ikuti cara-caranya :

1. Login ke Blogger
2. Masuk ke Menu Template -> Edit HTML
3. Copy kode CSS di bawah ini dan letakkan diatas kode ]]></b:skin>

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

4. Lalu cari lagi kode yang seperti ini <div class='post-footer-line post-footer-line-3,letakkan kode CSS ini diatas 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>

5. Simpan Template anda

Mungkin hanya sebatas itu saya menyampaikan tentang Cara Membuat Tombol Like Di Bawah Postingan Blog. Semoga artikelnya bermanfaat buat anda semua.

Regards,

Twitter                ( @firmantgb )
Facebook           ( Firman Maulana Tgb )