Desain Template Blogger SEO Friendly, Fast Loading, dan Responsive dengan Bootstrap

February 27, 2016

Cara Memasang Tombol Like & Share Facebook di Halaman Statis Blog

Cara Memasang Tombol Like & Share Facebook di Halaman Statis Blog.

Tombol Like & Share Facebook

BIASANYA social share button atau tombol like & share Facebook hanya ada di bawah postingan blog. Bagaimana jika ingin memasangnya di halaman statis (Static Page)? Gampang!

DEMO

Lakukan langkah berikut ini:

1. Template > Edit HTML
2. Copas kode berikut ini tepat di bawah kode <body> atau <body ....ada kode lain.. >

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '1234568910111',
      xfbml      : true,
      version    : 'v2.5'
    });
  };

  (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/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

3. Ubah  appId: '1234568910111', dengan app_id milik Anda. Jika belum punya, silakan ke tutorial sebelumnya: Cara Membuat App ID dan FB Admins.

4. Save Template!

PASANG LIKE & SHARE:
Langkah selanjutnya adalah memasang tombol like & share di halaman statis

1. Edit halaman statis yang akan dipasang Like & Share
2. Klik mode HTML
3. Copas kode berikut ini di bagian paling atas atau paling bawah

<div style='margin:15px 0'>
<div
  class="fb-like"
  data-share="true"
  data-width="450"
  data-show-faces="true">
</div>
</div>

4. Klik Update!

Catatan:
Tombol Facebook Like & Share di atas juga bisa dipasang di Sidebar atau templat lainnya di halaman blog Anda.*

logoblog

No comments:

Post a Comment