2 Cara Membuat Tombol Recommend, Like, & Share Postingan Di Blog

Posted by at
Setiap kita mengunjungi blog atau situs web, pasti kita selalu melihat tombol like & share, gunanya agar pengunjung bisa membagikan postingan yg dibacanya agar orang lain juga ikut membacanya, lalu timbul rasa penasaran & selanjutnya juga ikut membacanya.

Bagi pemilik blog atau situs web, tombol like & share ini juga sangat penting, agar postingan blog atau situs web miliknya bisa dibagikan, dan yg lain bisa ikut juga membacanya.

Postingan kali ini saya akan memberikan tutorial 2 Cara Membuat Tombol Recommend, Like, & Share Postingan Di Blog , yg mungkin bisa dicoba oleh pemilik blog atau situs web.

Tapi sebelum membuat tombol recommend, like & share, ada hal yg perlu dibuat terlebih dahulu yaitu membuat ID Aplikasi Facebook , lihat Cara Membuat ID Aplikasi Facebook

Cara Membuat Tombol Recommend, Like, & Share

Baca Juga


Cara Pertama

1. Login ke akun facebook.com , lalu kunjungi https://developers.facebook.com/docs/plugins/like-button/

2. Tentukan URL, Tata Letak, Ukuran Tombol, Jenis Tindakan, centang Sertakan Tombol Bagikan


3. Selanjutnya, klik Dapatkan Kode , copy kode yg ada dikedua kolom tersebut (paste di file kosong di text editor terlebih dahulu)


4. Login ke blogger.com , klik Tema >> Edit Tema , copy kode yg di kolom atas hasil konfigurator tombol (Step 2) lalu paste di bawah <body>
(Ganti value data-href menjadi data-href="data.post.Url") 

maka jadinya seperti ini

<div class="fb-like" data-href="data.post.Url" data-width="" data-layout="standard" data-action="recommend" data-size="small" data-share="true"></div>

5. Selanjutnya cari kode <data:post.body/> yg kedua , paste kode kolom bawah hasil konfigurator tombol  (Step 3) lalu paste di atas atau bisa juga di bawah kode <data:post.body/>

6. Terakhir, klik Simpan Tema

Cara Kedua

Baca Juga


1. Di dashboard blogger, klik Tema >> Edit Tema , Copy kode di bawah ini dan paste di bawah <body>

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'ID APLIKASI',
      cookie     : true,
      xfbml      : true,
      version    : 'v6.0'
    });
      
    FB.AppEvents.logPageView();   
      
  };

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

});

Jangan lupa mengganti "ID APLIKASI" nya

2. Selanjutnya cari <data:post.body/> yg kedua , lalu copy kode di bawah ini, paste di atas <data:post.body/> atau bisa juga di bawah <data:post.body/>

<div class="fb-like" data-href="data.post.Url" data-width="" data-layout="standard" data-action="recommend" data-size="small" data-share="true"></div>

3. Yg terakhir, klik Simpan Tema

Itulah tadi 2 Cara Membuat Tombol Recommend, Like, & Share Postingan Di Blog yg bisa dicoba di blog anda. Semoga Bermanfaat!

Labels: ,