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.
Tidak ada komentar:
Posting Komentar