Selasa, 03 Januari 2012

Cara Menambahkan Facebook Like box


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 Box

1. 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
Code:
<body>
. 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.

0 comments:

Posting Komentar

Comment