Membuat Tombol Suka Facebook
Mengizinkan orang membagikan halaman dan konten dari situs Anda ke profil Facebook mereka dengan sekali klik, sehingga semua teman mereka dapat membacanya. Syarat yang mesti dipenuhi adalah kita harus mempunyai App ID FB, jika belum ada anda harus membuat AppID FB terlebih dahulu, cara membuat AppID FB Membuat ID Aplikasi Facebook, untuk membuat Tombol Suka, anda bisa kunjungi di Facebook for Developers, atau ikuti langkahnya di bawah ini.
Langkah 1 : Copy dan pastekan open graph meta tag dibawah ini, kebagian <HEAD> , sesuaikan meta tag tersebut dengan blog kita, jika blog belum mempunyai open graph.
<meta property="og:url" content="http://www.your-domain.com/your-page.html" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Your Website Title" /> <meta property="og:description" content="Your description" /> <meta property="og:image" content="http://www.your-domain.com/path/image.jpg" />
Keterangan
- og:url : isilah dengan URL Blog atau URL halaman Blog.
- og:type : biarkan berisi dengan website.
- og:title : isilah dengan judul Blog/website.
- og:description : isi dengan description halaman atau blog.
- og:image : isi dengan url image blog.
Langkah 2 : Copy SDK javascript di bawah ini, pastekan tepat dibawah <body> pada html blog
<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/id_ID/sdk.js#xfbml=1&version=v2.8&appId=ID APP FB";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Keterangan :
Apabila script tidak mau disimpan tambahkan amp; dibelakang & pada =1&version dan juga dibelakang & pada =v2.8&appId.
Langkah 3 : Copy dan pastekan script dibawah ini pada halaman yang akan diberi tombol Like, jangan lupa ganti data href dengan URL halaman
<!-- Your like button code -->
<div class="fb-like" data-href="http://www.your-domain.com/your-page.html" data-layout="standard"
data-action="like" data-show-faces="true"> </div>
Demikian yang bisa saya share buat rekan-rekan, semoga bermanfaat, untuk melihat menu - menu yang lainnya anda bisa klik di Menu Blog Belajar Praktis.
0 comments share | Membuat Tombol Suka Facebook