Baiklah pada malam hari yang dingin ini hehe saya akan share tentang
bagaimana Cara membuat dan memasang Facebook Like Button pada blog.
kita dapat mengkreasikannya sesuai keinginan kita, bisa dipasang pada
sidebar blog, atau di dalam postingan blog (baik di atas maupun dibawah)
atau kita dapat memasangnya dalam Widget Share Melayang di blog.
Ada beberapa model yang dapat kita gunakan, dan untuk lebih jelasnya
silahkan lihat disini https://developers.facebook.com/ .
ada banyak macam widget yang disediakan oleh facebook untuk blog kita.
Untuk lebih mempermudah, kalian bisa mengedit kode dibawah ini :
1. Contoh model button Pertama, Seperti dibawah disamping. Model seperti
ini umumnya dipasang di dalam postingan blog bisa di atas atau dibawah.
untuk mendapatkannya Pertama Masuk kesini Selanjutnya
pilih "Bangun Aplikasi Untuk Web" > Core Concepts > Social
Plugins > Like Button > Edit sesuai Y diinginkan > Get Code.
Untuk cara memasangnya kalian bisa mengggunakan kode dibawah ini (Javascript SDK), letakkan kode tepat setelah
kode <body> (seperti biasa masuk ke edit HTML, jangan lupa
centang expand template widget) :
<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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Setelah itu Save. untuk langkah selanjutnya letakkan kode dibawah ini
sesuai dengan yang diinginkan, bisa di atas postingan atau dibawah
postingan
<div class="fb-like" data-href="https://www.facebook.com/pages/AF-Sahabat-Artikel/305351356172504?ref=tn_tnmn" data-send="false" data-width="450" data-show-faces="true"></div>
Ubah kode yang berwarna merah dengan alamat Fanpage Group Blog masing2.
2. Untuk Contoh Model yang kedua model Like button
(Box-Count), contohnya seperti gambar disamping ini. untuk model ini
kita bisa menggunakannya pada Widget Share Melayang di blog (utk
tutorialnya bisa dilihat disini) atau di dalam postingan. Untuk
mendapatkannya sama seperti cara yang diatas, bedanya hanya pada
pengeditan, pada layout style menggunakan Box_Count. Untuk memasangnya
sama dengan cara yang pertama, jika sudah memasang kode (JavaScript SDK), lewati saja langsung ke
proses selanjutnya. silahkan Copas kode dibawah ini:<div class="fb-like" data-href="https://www.facebook.com/pages/AF-Sahabat-Artikel/305351356172504?ref=tn_tnmn" data-send="false" data-layout="box_count" data-width="45" data-show-faces="true"></div>
Ubah kode warna merah dengan alamat Fanpage Group Blog masing2.
3. Untuk contoh model yang
ketiga yaitu model Like Box. model ini sudah amat sering kita temukan
dan rata-rata sahabat blogger menggunakannya. dan model ini banyak yang
dapat kita kreasikan, dalam Like Box banyak pilihan, memasang show
stream saja, atau show stream + pengikut, atau hanya pengikut saja.
Contohnya seperti gambar disamping ini. Penjelasan singkatnya, Show
Stream atau bisa dibilang status terbaru yang dimunculkan sedangkan
Pengikut > orang yang menge-like/menyukai blog kita. Untuk model ini
kita dapat memsangnya pada sidebar blog (kanan, kiri, atas, bawah),
atau bisa juga di bawah postingan blog. Dapat kita pasang juga dalam
kode CSS blog, tujuannya agar tidak perlu repot-repot lagi untuk
memasang kode ini karna sudah otomatis akan muncul disetiap postingan,
syaratnya kode Like box ini harus di pharse terlebih dahulu. Dan untuk
tutorial cara memasang di dalam postingan secara otomatis tunggu pada
postingan berikutnya yahh, agar tidak terlalu rumit, hehehehe , be
patient .
Ok balik lagi ke tutorialnya hehehe iklan sedikit . . . terimakasih juga
masih bersedia membaca tutorial ini (mav yah klo terlalu banyak
kata-katanya).
# Untuk Model Like Box (Show Stream dengan Pengikut), kalian dapat
mengedit dan copas kode dibawah ini :
<div class="fb-like-box" data-href="https://www.facebook.com/pages/AF-Sahabat-Artikel/305351356172504?ref=tn_tnmn" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>
Untuk kode yang berwarna merah silahkan rubah dengan alamat FanPage
Group Blog masing2. dan untuk kode yang berwarna hijau silahkan atur
lebar widgetnya sesuai dengan yang diinginkan.
# Untuk Model Like Box (Pengikut saja), kalian bisa copas kodenya
dibawah ini:
<div class="fb-like-box" data-href="https://www.facebook.com/pages/AF-Sahabat-Artikel/305351356172504?ref=tn_tnmn" data-width="292" data-show-faces="true" data-stream="false" data-header="true"></div>
Untuk kode yang berwarna merah
silahkan rubah dengan alamat FanPage Group Blog masing2. dan untuk kode
yang berwarna hijau silahkan atur lebar widgetnya sesuai dengan yang
diinginkan.
Dan itulah beberapa model Facebook Like Button yang sering digunakan
para sahabat blogger. Baiklah selesai sudah postingan saya kali ini
tentang Cara Membuat Facebook Like Button
1 komentar:
twiteeer
Posting Komentar