Cara Membuat Facebook Fans Page Di Blog

Untuk membuat kotak facebook fans page atau facebook like box. Kita perlu membuat halaman di facebook, agar bisa tersambung ke blog. Untuk lebih jelasnya, ikuti langkah² berikut ini :

Cara membuat halaman facebook

1. Kunjungi http://www.facebook.com/pages/create/

2. Dan buat halaman baru, pilih salah satu.

3. Sebagai contoh pilih perjuangan atau komunitas. Lalu isi judul komunitas, dan klik mulai.

 

4. Selanjutnya masukan alamat URL Blog dan deskripsi halaman kamu.

5. Terahir Lewati langkah-langkah selanjutnya. Dari sini pembuatan halaman facebook sudah selesai. Dan selanjutnya membuat kotak facebook fans page atau facebook like box untuk dimasukan ke blog.

 

 -------------------------------------------------------

Cara Membuat facebook like box di blog

1. Kunjungi https://developers.facebook.com/docs/reference/plugins/like-box/
2. Masukan alamat URL halaman dari facebook yang kamu buat tadi di kotak Facebook page URL.

3. Selanjutnya atur tampilan kotak facebook page sesuai dengan yang kalian inginkan.

4. Lalu klik Get Code pada bagian bawah.

 

 

5. Maka akan terbuka halaman kode plugin like box. Pilih bagian IFRAME

6. Copi kode script IFRAME,

7. Dan pastekan di Gadget HTML blog. Caranya: Dari blogger pilih pengaturan tata letak dan klik tambahkan gadget, lalu pilih HTML/Javascript. Dan pastekan kode IFRAME didalamnya.

-------------------------------------------------

Ulangi cara membuat facebook fans page jika kurang lebar atau kurang tinggi kotak page facebooknya. Jika ingin membuat tombol page like saja, kunjungi situs plugin facebook tadi, dan pilih like button, lalu  ikuti seperti cara membuat kotak facebook fans page.

Berikutnya adalah menyembunyikan kotak facebook fans page dari halaman awal blog.

1. Login ke blogger, dari halaman dasbor pilih pengaturan template.
2. Dan klik edit HTML dan cari kode NAMA JUDUL dari kotak facebook fans page kamu. Contohnya Belajar blog. kodenya seperti ini.
<b:widget id='HTML1' locked='false' title='Belajar Blog' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
3. Sekarang tempatkan kode <b:if cond='data:blog.pageType == "item"'> dan </b:if> diantara kode-kode diatas. Contohnya.
  <b:widget id='HTML1' locked='false' title='Belajar Blog' type='HTML'>
    <b:includable id='main'>
      <b:if cond='data:blog.pageType == "item"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
        </b:if>
</b:includable>
  </b:widget>
4. Save template selesai. 

Setelah menambahkan kode <b:if cond='data:blog.pageType == "item"'> dan </b:if> maka kotak facebook tidak akan muncul di halaman awal blog, tapi di halaman posting blog. Jika tidak ingin menyembunyikan kotak facebook fans page di awal blog, lewati saja cara ini.

Sekarang coba baca juga cara  membuat komentar facebook di blog dibawah posting blog. Bersebelahan dengan kotak komentar blogger. Semoga Bermanfaat.

Sumber : http://fandrajuani.blogspot.sg/2013/05/cara-membuat-facebook-fans-page.html

Share on Google Plus

About Unknown