Pasang Tombol Like Diatas Atau Dibawah Posting Blog

Kurang lengkap rasanya sebuah blog tanpa adanya tombol share atau like baik facebook maupun tombol follow twitter. Tutorial kali ini kita akan memasang tombol like di atas atau di bawah posting, caranya sebagai berikut :

Untuk tahap-tahapnya tidak usah dituliskan lagi mungkin semua sudah paham

Pada template blog anda cari kode <data:post.body/>, kebanyakan template sekarang memiliki 4 <data:post.body/>, nah kita letakkan saja pada <data:post.body/> yang ke-3 dibawah atau diatasnya terserah sobat mana lebih cantik dan kodenya sebagai berikut :

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>

    <div style='float:left;padding-left:0px;font:normal 12px Georgia;'>

    Bagi ke :

    </div>

    <div style='float:left;padding-left:10px;'>

    <a class='twitter-share-button' data-lang='id' data-via='PasidOnline' href='https://twitter.com/share'>Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>

    </div>

    <div style='float:left;padding-left:10px;'>

    <!-- Place this tag where you want the +1 button to render -->

    <g:plusone size='medium'/>

    <!-- Place this render call where appropriate -->

    <script type='text/javascript'>

      (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>

    </div>

    <div style='float:left;padding-left:10px;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:27px;'/>

    </div>

    </div>

    </b:if>

ganti tulisan PasidOnline dengan nama twitter soba

Selamat mencoba

Rating: 5