Membuat Fans Page atau like box Facebook di Blog

Membuat Fans Page atau like box Facebook di Blog

1. Langkah pertama Sobat login terlebih dahulu di account Facebook Sobat.
2. Kemudian buka halaman Facebook Page atau Halaman Klik Buat Halaman nanti muncul gambar seperti dibawah ini:

3. Pilih/klik opsi Merek atau Produk
4. Setelah memilih Merek atau produk nanti muncul gambar seperti contoh gambar berikut:

5. Selanjutnya Sobat akan masuk ke halaman Facebook Page yang telah dibuat. Lakukan kostumisasi terlebih dahulu sesuai petunjuk, misalnya mengupload foto/gambar untuk Facebook Page, mengedit informasi, dan lain sebagainya, atau langsung membuat Facebook Like Box yang nantinya dapat dipasang di blog/website.

Penting: Sebelum menuju langkah berikutnya copy terlebih dahulu url Facebook Fan Page yang telah dibuat. Fungsinya sebagai spesifikasi url untuk like box yang nantinya hendak dibuat.
Contoh url-nya: http://www.facebook.com/pages/Komunitastkjsmkn9ska/167657140069695

6. langkah selanjutnya Agar lebih mudah silahkan sobat klik Social Plugins ini untuk langsung menuju ke facebook Developers.

7. Kemudia Anda pilih Like Box. maka akan muncul windoe seperti dibawah ini :

8. Selanjutnya, isikan spesifikasi seperti gambar berikut:

Setting Facebook Like Box:

1. Facebook Page url: paste url Facebook Page yang di copy tadi misalnya  http://www.facebook.com/pages/Komunitastkjsmkn9ska/167657140069695

2. Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget pada blog sobat.

3. Height: adalah tinggi like box, sesuaikan juga dengan widget pada blog sobat.

4. Color scheme: pilih light jika ingin tampilan terang, dan dark untuk tampilan gelap.

5. Show Faces: Centang untuk menampilkan foto profil likers.

6. Border color: Isikan dengan kode warna jika ingin memberi border atau kosongkan agar transparan.

7. Show stream: Centang jika ingin menampilkan informasi/posting terakhir di like box.

8. Show header: Centang jika ingin menampilkan tulisan header "Temukan kami di Facebook".
Lihat preview tampilan di sebelah kanan form tersebut.

9. Jika settingan yang dibuat sudah beres, klik Get Code. Kemudian akan muncul pop-up window yang menampilkan 3 jenis kode, HTML5, XFBML dan IFRAME pilih salah satu dan copy kodenya. (Untuk Blogger, disarankan pilih HTML 5). Copy kedua kode tersebut untuk pemasangan Like Box di blog Sobat.

Cara pemasangan like Box pada Blog:

1. Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.
2. Pilih HTML/JavaScript.
3. Masukkan kode yang telah dicopy ke dalam kotak kode HTML/JavaScript.
4. Save/Simpan

Sekian dulu Cara Membuat Like Facebook Pada Blog, sobat bisa langsung lihat dihalaman blog sobat. goog luck tunggu update tutorial berikutnya. jika sobat bingung silahkan tinggalkan komentar.

 

atau dengan cara berikut juga bisa

 

Ambil Source kode widget like box fanspage:

<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var fb = document.createElement('fb:like-box');
fb.setAttribute("href","Tuliskan url fanspage fb kamu disini");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","200");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]>
</script>
</div>

Pertama, perhatikan source kode widget like box, gantilah tulisan berwarna biru diatas (Tuliskan url fanspage fb kamu disini) dengan url fanspage kamu yang akan dijadikan like box pada blog. Contoh : http://facebook.com/nama_halaman diatas lalu copy.

Selanjutnya. untuk menampilkan like box fanspage valid tersebuat pada blog:

1.Login ke blogger dashboard anda
2.Setelah itu masuk ke menu Tata Letak
3.Klik Tambah Gadget kemudian pilih yang HTML/JavaScript
4.Terakhir Simpan Widgetnya.