Cara pasang Share Buttons Lengkap dibawah judul posting

|| || || Leave a komentar


Tutorial | Share buttons yaitu tombol-tombol yang dapat digunakan pengunjung untuk menilai & membagikan link atau konten tertentu yg mereka sukai ke social media, baik Facebook, Twitter, Google+, dll. Banyak blog yang memasang Share buttons ini, bahkan semua penggila blogger indonesia seperti saya ini (hoho) juga memasang Tombol share buttoms :D, soalnya berguna banget biat rau yang pengunjung suka tuh yang mana.

Share buttons yang kali ini banyak keunggulan dari model atau tampilan dari share button yang lainya, karena bentuknya yang mini dan pas mantab banget buat blog yang penuh dengan Gedget atau yang lainnya untuk dipasangi tombol share buttons ini, karena bentuknya yang mini dan tidak memakan tempat yang cukup lebar.


Oke deh. langsung saja pada benang merahnya,

Sebelum memasang share buttons, perhatikan beberapa hal berikut:
  1. Jika anda sudah memasang widget Facebook like atau Google +1, khususnya yang saya share di blog ini, hapus atau ambil terlebih dahulu kode / scriptnya.
  2. Jika sudah pernah memasang Google+ 1 Button, tidak perlu lagi memasang script plugin API Google +1 seperti berikut:
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
Jika belum, pasang script plugin API Google +1 tersebut di atas </head> pada edit HTML/Edit Template.

Cara Memasang Share Buttons (Facebook Like, Tweet, & Google +1) dengan langkah-langkah berikut:
  • Copy script/kode berikut:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0'><tbody><tr>
    <td><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Blogger Tutorial">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></td>
<td><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=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;'/></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td>
</tr></tbody></table>
    </b:if>
Ganti "Blogger Tutorial" dengan Akun twitter anda,

  • Buka halaman edit HTML/Edit Template:
"Design/Layout > klik Edit HTML/Edit Template > Centang (check) "Expand Widget Templates" 
  • Jika ingin memasang di bawah judul posting:
Cari (Ctrl + F) <div class='post-header-line-1'/>, letakkan script/kode tepat di BAWAHnya. Kalau <div class='post-header-line-1'/> tidak ketemu, cari <data:post.body/> lalu letakkan script/kode tepat di ATASnya.
  • Jika ingin memasang di bawah posting/artikel:
Cari (Ctrl + F) <data:post.body/> lalu letakkan script/kode tepat di BAWAHnya.
  • Save template dan lihat hasilnya.
  • Finish.
Sekian dari Blogger Tutorial, tengkyu :) (jangan lupa    yah) hoho

/[ 0 komentar Untuk Artikel Cara pasang Share Buttons Lengkap dibawah judul posting]\

Post a Comment