cari

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

Memasang kode tombol Facebook Like di Blogger classic template
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>