Apakah
anda ingin menampilkan seberapa banyak fans blog anda di facebook? Saat
ini facebook menyediakan berbagai macam aplikasi dan widget yang dapat
anda gunakan di website atau blog anda. Tapi kali ini saya akan membahas
bagaimana cara membuat like box (dulu disebut fan box) dan
menampilkannya di blog anda.
Like box adalah sebuah widget yang
dapat anda tampilkan di blog atau website anda, berupa kotak yang berisi
foto-foto dari profile facebook yang menyukai, atau meng-like blog kita
dengan mengklik tombol like yang terdapat di kotak tersebut. Like box
dahulu bernama fan box dan tombol like di dalam kotak itu dulu ditulis
become a fan. Gak tahu kenapa facebook menggantinya dengan like, namun
memang sih, menurut saya kata-kata become a fan agak sedikit terlalu
berlebihan, tidak seperti kata like yang lebih familiar dan lebih ringan
didengar.
Ada banyak keuntungan menggunakan like box, disamping
dapat mendatangkan traffic dari facebook, akan ada kepuasan tersendiri
jika banyak yang menyukai blog kita. Tentu saja untuk menampilkan sebuah
like box kita harus membuat page di facebook. Page adalah fasilitas
dari facebook, penggunaannya sama seperti halnya profil pribadi facebook
kita, kita dapat menuliskan status, dan sharing apapun disana. Hanya
saja di page ini tidak fasilitas add friend request atau approve friend
request. Yang ada hanya tombol like itu tadi. Dan jika kita sudah
meng-like sebuah page di facebook, kita tidak perlu menunggu di-approve
oleh sang empunya page.
Lalu bagaimana cara membuat page di facebook?1. Setelah login, klik link ini Create Facebook Page
2. Pilih yang dibagian Official Page
3. Di section Brand, Products or Organization pilih Website
4. Kemudian isi Pagename sesuai dengan nama page yang anda inginkan.
5. Setelah selesai klik Create Official Page
6. Dan Official Page anda telah selesai dibuat.
7. Selanjutnya anda dapat menambahkan foto atau mengedit profil sesuai dengan keinginan anda.
Cara Membuat Like Box1. Setelah selesai membuat Official Page pribadi anda di facebook, langkah selanjutnya adalah membuat Like Box.
2. Klik Edit page.
3. Lalu klik Promote with a Like Box
4. Pada Facebook Page ID isikan dengan Facebook Page ID anda
5. ID ini dapat anda temukan di address bar browser Anda.
6. Maka akan Like Box anda akan muncul. Anda tinggal mengatur saja Width,
7.
Width : lebar dari like box, Height : tinggi dari like box, Connections
: Jumlah orang yang meng-like page anda (sesuaikan dengan header dan
width), Stream : aktivitas live terbaru dari page anda, Header : opsi
untuk menampilkan Find us on Facebook atau tidak.
8. Setelah selesai anda setting, klik Get Code
9. Dan akan muncul 2 macam code yang dapat anda pilih.
10. Saya menyarankan anda gunakan XFBML, karena kelebihan dari XFBML adalah lebih flexible dibandingkan dengan iframe.
11.
Kelebihan lain dari XFBML adalah Like Box yang anda pasang nanti tidak
akan menghalangi loading element lain di blog anda. Berbeda dengan
iframes, contoh : like box anda taruh di sidebar bagian atas, jika
loading like box ini belum complete, maka widget atau elemen lain di
bawah like box tersebut tidak akan di-load sebelum like box anda di-load
secara utuh.
12. Namun ada code yang harus anda tambahkan agar anda
dapat menambahkan code XFBML ini. Masukkan kode dibawah ini di
header.php anda setelah
. Atau buka link ini dan copy Javascript SDK code yang ada di halaman tersebut.
13.
| Code: |
<div
id="fb-root"></div> <script> window.fbAsyncInit =
function() { FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true}); }; (function() { var e =
document.createElement('script'); e.async = true; e.src =
document.location.protocol + '//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e); }()); </script>
|
14. Setelah itu anda tinggal memasukkan kode XFBML tadi di widget atau di manapun yang Anda mau.
Tidak ada komentar:
Posting Komentar
Silahkan komentar jika artikel ini bermanfaat atau perlu ada perbaikan dan butuh kritikan/saran .....