Facebook Developer telah membuat update per Februari 2018 untuk plugin Facebook. Plugin Facebook ini fasilitas fitur untuk menautkan link Facebook untuk disematkan di blog dan website. Untuk yang sekarang plugin sudah dapat automatis dapat di copy paste code, kemudian dipasangkan di blog atau website. Yang dihilangkan plugin Follow Akun Facebook atau Profile Facebook, plugin ini diganti dengan plugin button like, like-button.
Kode plugin sudah auto copy kode, karena untuk mendapatkan kode Anda harus login ke web Facebook Developer, untuk masuk ke web Facebook Developer, linknya ini, "https://developers.facebook.com/docs/plugins/". Di sana plugin yang tersedia yaitu, plugin group, plugin fanpage ( halaman ), semat post, semat video, semat image, plugin komentar dan plugin like. Dan yang terbaru adalah plugin group. Untuk mengaktifkan plugin ini, facebook menyediakan dua mode, menggunakan iframe dan menggunakan javascript.
Untuk membuat plugin button follow Profile Facebook, Anda dapat menggunakan fitur plugin like-button dengan tampilan button like baku atau ukuran default, untuk membuat setelan Anda tinggal mencentang atau tidak mencentak checkbox sebelum melakukan set kode. Untuk lebih jelasnya, caranya sebagai berikut:
- Login ke akun facebbok di pc atau Laptop
- setelah masuk, buka windows baru dibrowser, ketik url facebook developer diatas
- Akan terbuka halaman Plugin sosial
- Pilih tombol suka
- Scrol ke bawah, jangan diubah url
- kemudian bisa diisi lebar / width dengan ukuran pixel, atau daoat dikosongkan untuk ukuran default.
- Tata letak, dapat disesuaikan dengan keinginan, dapat memilih box_count, button_counts atau button
- Ukuran layout dapat dipilih besar atau kecil.
- Wajah teman Facebook dapat ditampilkan atau tidak, untuk tidak ingin ditampilkan kosongkan checkbox
- Setelah selesai klik tombol "dapatkan kode"
- Copy paste kode di website, d sini;
- Website
<html> <head> <title>Your Website Title</title> <!-- You can use open graph tags to customize link previews. Learn more: https://developers.facebook.com/docs/sharing/webmasters --> <meta property="og:url" content="https://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="https://www.your-domain.com/path/image.jpg" /> </head> <body> <!-- Load Facebook SDK for JavaScript --> <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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- Your like button code --> <div class="fb-like" data-href="https://www.your-domain.com/your-page.html" data-layout="standard" data-action="like" data-show-faces="true"> </div> </body> </html> </pre>
- Blogger
- Klik "Tata Letak"
- Klik add gadget
- Pilih html/javascript
- copy paste kode yang didapatkan disana semuanya di sini:
<div class="fb-like" data-href="https://yourname.blogspot.com/hyperlink.html" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div> <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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
- Website
- selesai
Untuk yang lainnya seperti membagikan update postingan ke halaman facebook, dapat dibuatkan di Facebook developer menggunakan javascript dan atau dapat langsung di fitur tanda titik tiga vertikal disebelah kanan postingan, dengan mode menggunakan iframe.
Demikan cara menambahkan button follow profile facebook dari update terbaru facebook developer.
Semoga bermanfaat.
No comments:
Post a Comment