Cara Pasang Tombol Facebook Like Di Blog (Blogger & WordPress)

Tombol Facebook Like adalah salah satu tool yang bisa anda gunakan untuk menjaring pengunjung yang datang dari Facebook, nah di artikel kali ini saya akan berbagi dengan anda cara memasang tombol Facebook Like di Blogger (classic template) dan WordPress (self hosted), sebelum mulai mengedit template blog anda ada baiknya anda backup dulu template-nya ke file .txt, agar ketika hal-hal yang tidak diinginkan terjadi anda masih punya backup-nya. Untuk memasang tombol Facebook Like di Blogger (classic template) caranya setelah anda login ke akun Blogger anda, klik menu "Template" lalu tekan tombol CTRL+F di keyboard anda dan copy-paste-kan kode berikut ke form pencarian browser anda: <$BlogItemBody$> setelah itu anda copy-paste-kan kode di bawah ini (yang berwarna merah) di atas atau di bawah kode <$BlogItemBody$> yang tadi anda temukan lalu setelah itu klik tombol "Save Template Changes".

<ItemPage>
<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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="<$BlogItemPermalinkUrl$>" data-send="false" data-width="300" data-show-faces="false"></div>
</ItemPage>

Nah kalau untuk WordPress, anda login ke akun WordPress anda lalu klik menu "Editor" di bagian "Appearance", di bagian "Template" klik "Single Post", tekan CTRL+F di keyboard anda lalu copy-paste-kan kode berikut ke form pencarian browser anda: the_content lalu copy paste-kan kode tombol Facebook Like di bawah ini di atas atau di bawah kode the_content yang anda temukan tadi lalu klik tombol "Update File".

<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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="<?php echo urlencode(get_permalink($post->ID)); ?>" data-send="false" data-width="300" data-show-faces="false"></div>