Cara Membuat Tombol Share Di Bawah Judul Blog


Cara Membuat Tombol Share di Bawah Postingan Blog - Dengan memasang tombol berbagi ini, akan membawa manfaat bagi blog kita. Semakin banyak artikel yang di share pengunjung ke media jejaring social, maka semakin banyak pula pengunjung yang datang ke blog kita. Sebetulnya untuk tamplate asli bawaan dari blogger sudah tersedia, tapi untuk tamplate hasil download mungkin banyak yang belum menyediakan.  Bagi sobat yang berminat untuk memasangnya, silakan ikuti langkah - langkah cara memasang tombol share di bawah postingan blog berikut ini.

Twitter


Cara Memasang Tombol Berbagi Ke facebook, twitter, google+ di blog
  1. Loggin ke blogger dengan akun blog sobat.
  2. Cari kode <div class='post-body entry-content'> atau class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama
  3. Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode <div class='post-body entry-content'>

 Berikut Kodenya :

<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;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
</div>
</b:if>

Selesai dan Silahkan simpan template

Sumber : http://achsanarea23.blogspot.com/2013/03/cara-membuat-tombol-share-di-bawah.html





5 comments

  1. nice gan, tak coba dulu :D

    ReplyDelete
  2. sangat bermanfaat...

    ditunggu kunjungan baliknya, blog newbie
    catatansukiman.blogspot.com

    jangan lupa follow back..

    ReplyDelete
  3. Terima kasih sob buat artikel tombol share ini, sangat membantu
    ditunggu kunjungan balikkya ya sobat
    slamat menunaikan puasa

    ReplyDelete

Post a Comment

Halaman

Copyright © 2018 Irfan's Blog