Dengan Tombol Save Facebook di blog, maka pengunjung blog bisa menyimpan postingan blog ke Facebook milik pengunjung blog, juga membagikannya kepada teman, dan menerima pemberitahuan yang relevan.
Tapi sebelum membuat Tombol Save Facebook, langkah pertama yg harus dilakukan adalah Membuat ID Aplikasi Facebook Developers
Membuat Tombol Save Facebook
Cara Pertama
1. Login ke akun facebook, kunjungi https://developers.facebook.com/docs/plugins/save/
2. Isi kolom URL blog atau situs web & pilih ukuran tombol , lalu klik Dapatkan Kode , copy kedua kode tersebut
4. Login ke blogger.com , klik Tema >> Edit Tema , lalu paste kode dari konfigurator tombol save (kolom atas) di bawah <body> , maka jadinya seperti ini
<body>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v6.0&appId=0123456789"></script>0123456789 (ID Aplikasi)
5. Selanjutnya cari kode <data:post.body/> , akan ada 2 atau 3 <data:post.body/> , lalu paste kode dari konfigurator tombol save (kolom bawah) di atas <data:post.body/> yg ke 2 atau ke 3
<div class="fb-save" data-uri="https://www.domain.com" data-size="large"></div>Ganti data-uri="https://www.domain.com" dengan data-href="data.post.Url"
Maka jadinya seperti ini
<div class="fb-save" data-href="data.post.Url" data-size="large"></div>6. Terakhir, klik Simpan Tema
BACA JUGA : 2 Cara Membuat Widget Halaman Facebook Di Blog
Cara Kedua
1. Di dashboard blogger, klik Tema >> Edit Tema , lalu copy kode di bawah ini, lalu paste di bawah <body>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '0123456789',
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'));
</script>Ganti '0123456789' dengan ID Aplikasi
2. Cari kode <data:post.body/> yg kedua atau ketiga, paste kode di bawah ini tepat di atas <data:post.body/>
<div class="fb-save" data-href="data.post.Url" data-size="large"></div>3. Terakhir, klik Simpan Tema
Itulah tadi 2 Cara Membuat Tombol Save Facebook Di Blog . Semoga Bermanfaat!