Membuat Tombol Share Facebook di Blogger

Membagikan tautan yang berisi postingan blog kita perlu dipertimbangkan untuk menaruh tombol "share". Untuk setiap postingan nantinya akan mempunyai tombol share pada bagian atas/bawah postingan, terserah dimana yang Anda inginkan.
Baiklah, Kita berangkat pada permasalahan intinya, yang pertama kali dilakukan adalah membuka blogger Anda terlebih dahulu, dan pastinya menuju settingan template edit HTML, kemudian masukan kode ini setelah tag <body>.

1
2
3
4
5
6
7
8
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Sudah?
jika sudah, masih ada lagi yang mesti dilakukan lo. Setelah menaruh kode javascript yang diatas, dilanjutkan dengan menempatkan kode bawah ini. dimana? tempatkan dimanapun yang Anda inginkan plugin ini muncul pada halaman.

1
<div class="fb-share-button" data-href="https://www.facebook.com/ajarin.net" data-layout="button"></div>

Untuk tulisan yang mempunyai latarbelakang warna merah, sahabat ajarin sesuaikan dengan link yang ingin Anda bagikan.
Dan  yang terakhir adalah, sebagai realisasi dari kode-kode ini, berikut adalah tampilannya :


Tombol share sendiri berfungsi untuk memudahkan Kita menyebarluaskan tulisan di blog Kita. Misalkan saja, jika sahabat-sahabat ingin menge-share postingan secara "brutal", he, alias mengCopy Link blog kemudian di Paste di Facebook, itu membutuhkan waktu yang lebih lama jika dibandingkan dengan hanya mengKlik tombol share/bagikan seperti tombol yang di atas. ^_^

Bagaimana? mudah kan membuat tombol share di blog sendiri?
Sebenarnya untuk memulai membuat tombol share, like, comment di Blogger, Wordpress, Joomla sangatlah mudah, hanya perlu berusaha untuk mencoba dari waktu ke waktu untuk merealisasikan semuanya. Cukup sekian dulu ya tutorial sederhana ini.
Assalamu'alaikum warahmatullahi wabarakatuh.

No comments:

Post a Comment