Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Tutorial Blog

Cara Mudah Memasang Fanspage Facebook Like Box di Blog



Cara Mudah Memasang Fanspage Facebook Like Box di Blog - Bila kamu yang ingin membangun sebuah website atau blog, tentulah ingin membesarkan namanya terlebih dahulu. Kita bisa menarik pengunjung dengan cara mempromosikan web kita ke media sosial yang mempunyai banyak pengguna seperti Facebook.

Pada Facebook kita bisa menggunakan halaman/fanspage untuk mempromosikan web/blog kita yang nantinya halaman tersebut bisa dipasangkan ke website kita.

Sebelum kita memasang Facebook fanspage like box pada blog, pertama-tama yang harus dilakukan adalah membuat halaman/fanspagenya terlebih dahulu di facebook. Untuk isi dari fanspage tersebut kita bisa membagikan link artikel-artikel pada blog kita ke fanspage tersebut.

Jika Fanspage blog kita di facebook telah dibuat dan ingin lebih mendapatkan banyak like kita bisa memasangkannya pada blog kita.

Oleh karena itu kali ini saya akan membahas tentang bagaimana cara membuat fanspage like box dari facebook ke blog dengan hanya memerlukan beberapa langkah mudah.

Cara Mendapatkan Kode Fanspage Like Box


  1. Pertama, kunjungi halaman Facebook for Developers.
  2. Setelah dibuka, lalu scroll ke bawah dan anda akan melihat form untuk mendapatkan kode Like box yang akan dipasangkan ke blog kita. Pada kolom URL Halaman Facebook silahkan isi URL fanspage facebook kita contohnya bisa lihat gambar dibawah.

    Cara Mudah Memasang Fanspage Facebook Like Box di Blog Cara Mudah Memasang Fanspage Facebook Like Box di Blog

    Selain itu kamu juga bisa mengatur ukuran kotak likenya dengan menyesuaikan tinggi dan lebarnya, mengatur tab yang ingin ditampilkan, dan menampilkan wajah teman yang sudah menyukai fanspage kamu.

  3. Setelah selesai mengatur like box, kamu langsung bisa mengabil kodenya dengan menekan tombol Dapatkan Kode.

Cara Memasang Fanspage Like Box ke Blog


Untuk memasang fanspage like box ke blog kita ada 2 cara, yaitu menggunakan SDK javascript dan IFrame.

Cara 1 : Menggunakan SDK Javascript

 

Cara Mudah Memasang Fanspage Facebook Like Box di Blog Cara Mudah Memasang Fanspage Facebook Like Box di Blog


  1. Pertama, silahkan copy code yang ada pada Step 2. Setelah itu buka dashboard Blogspot - lalu buka template editor/edit html. Setelah itu paste code yang di copy tadi tepat dibawah kode <body>.
  2. Kemudian, pada bagian kode ini.
    js.src = 'https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v3.0&appId=167098194007242&autoLogAppEvents=1';
    Tambahkan amp; setelah tanda &.
    Sehingga, hasilnya jadi seperti ini.
    js.src = 'https://connect.facebook.net/id_ID/sdk.js#xfbml=1&amp;version=v3.0&amp;appId=167098194007242&amp;autoLogAppEvents=1';
  3. Setelah itu Simpan Template.
  4. Kemudian copy kode yang ada pada Step 3. Lalu kembali ke dashboard blogspot, buka menu Tata Letak. lalu klik tambah widget - pilih HTML/Javascript - kemudian paste kode yang ada pada Step 3.
  5. Terakhir, jangan lupa klik Simpan.

Cara 2 : Menggunakan IFrame

 

Cara Mudah Memasang Fanspage Facebook Like Box di Blog Cara Mudah Memasang Fanspage Facebook Like Box di Blog
  1. Pertama, buka tab IFrame, lalu copy kode yang ada pada Step 2.
  2. Lalu buka dashboard Blogger - buka Tata Letak - klik Tambah Widget - lalu pilih HTML/Javascript. Kemudian Paste kode yang sudah dicopy dari Step 2.
  3. Terakhir, Jangan lupa klik Simpan.

Nahh itu dia Cara Mudah Memasang Fanspage Facebook Like Box di Blog, semoga bisa bermanfaat. Selamat mencoba, dan sukses.

Kesimpulan
  1. Cara 1 lebih baik dari Cara 2 karena selain lebih cepat dalam hal pemuatan halaman, Cara 1 lebih valid HTML5.
  2. Cara 2 mungkin lebih praktis daripada Cara 1.