Share buttons adalah 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 juga memasang Tombol share buttoms...hehehe :D
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:
a. Jika anda sudah memasang widget Facebook like atau Google +1,
khususnya yang saya share di blog ini, hapus atau ambil terlebih dahulu
kode / scriptnya.
b. 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>
c. 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:
1. Copy script/kode berikut:
<b:if cond='data:blog.pageType == "item"'>Ganti "mazilap" dengan Akun twitter anda,
<table border='0'><tbody><tr>
<td><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="mazilap">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></td>
<td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' 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>
2. Buka halaman edit HTML/Edit Template:
"Design/Layout > klik Edit HTML/Edit Template > Centang (check) "Expand Widget Templates"
2. 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.
3. Jika ingin memasang di bawah posting/artikel:
Cari (Ctrl + F) <data:post.body/> lalu letakkan script/kode tepat di BAWAHnya.
4. Save template dan lihat hasilnya.
5. Finish.
