Cara Mudah Memasang Facebook Fan Page Di Blog Tanpa IFrame

Tutorial cara memasang halaman facebook di blog

Tutorial.web.id – Cara Mudah Memasang Facebook Fan Page Di Blog Atau Situs Tanpa IFrameFungsi halaman Facebook merupakan salah satu sarana pemasaran paling efektif yang bisa Anda manfaatkan. Khususnya jika Anda menjalankan kegiatan Facebook marketing. Dalam kegiatan Facebook marketing, halaman (fans page) merupakan sarana pemasaran yang paling lengkap dan direkomendasikan serta gratis tentunya.

Ketika Anda mengelola halaman Facebook, tentu Anda ingin halaman tersebut punya banyak penggemar. Makin banyak penggemar, maka berarti makin besar jumlah audiens Anda di Facebook.

Agar halaman Anda punya banyak penggemar, Anda harus mempromosikan halaman tersebut. Caranya bermacam-macam, termasuk dengan mempromosikan halaman tadi di blog ataupun website.

Cara Menampilkan Widget Like Box Halaman Facebook di Website.

Salah satu cara promosi halaman Facebook di blog atau situs web adalah dengan menampilkan widget like box tersebut. Dengan hadirnya widget ini, pengunjung yang suka dengan web Anda, dapat me-like halaman Anda. Selanjutnya mereka akan terhubung dengan halaman Anda. Dengan demikian, mereka bisa dengan mudah mendapatkan konten-konten yang Anda bagikan di Facebook. Namum pada postingan kali ini, tutorial.web.id akan membagikan cara memasang halaman facebook di blog tanpa menggunakan IFrame (konon IFrame kurang disukai oleh google).

Berikut langkah-langkah menampilkan widget like box di website/blog Anda tanpa IFrame.


1. Kunjungi Halaman Plugin Developers Facebook di : https://developers.facebook.com/docs/plugins/page-plugin.

2. Lakukan pengaturan sebagai berikut.
  • URL halaman Facebook : isi dengan alamat url halaman Facebook Anda.
  • Tab : tentukan apa yang akan ditampilkan di widget like box. Contoh, Anda bisa menampilkan timeline halaman Anda.
  • Lebar dan tinggi : tentukan lebar dan tinggi widget Anda. Di sini, saya membiarkan pengaturannya sesuai yang sudah ada.
  • Untuk pengaturan lain, silakan sesuaikan dengan selera Anda. Misalkan Anda bisa memilih untuk menampilkan foto fans atau tidak. Anda juga bisa memilih ukuran judul, dan lain sebagainya.
3. Anda juga akan menjumpai preview dari widget yang Anda buat. Untuk mendapatkan kode, klik tombol dapatkan kode.

4. Klik pilih ID dan bahasa pada tab SDK javaScript untuk mengganti ID aplikasi, selanjutnya copy kode widget Anda. Kira-kira kodenya seperti ini

Untuk memasang kode tersebut kedalam blog membutuhkan dua langkah, copy paste kode Javascript ini tepat dibawah tag <body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.12&appId=503970846315730&autoLogAppEvents=1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> 
Keterangan: Jangan lupa mengganti appId=503970846315730 dengan ID aplikasi Anda, dan di pharse terlebih dahulu ya DISINI


Step terkahir Anda tinggal menambahkan kode dibawah ke dalam Gadget HTML/JavaScript pada Widget Sidebar
 <div class="fb-page" data-href="https://www.facebook.com/www.tutorial.web.id" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/www.tutorial.web.id" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/www.tutorial.web.id">tutorial.web.id</a></blockquote></div>
Keterangan: Ganti URL https://www.facebook.com/www.tutorial.web.id dengan URL Halaman Facebook Anda.


Sekian tutorial cara mudah memasang halaman facebook di blog tanpa IFrame. Semoga artikel ini bermanfaat.

Berlangganan update artikel terbaru via email:

0 Response to "Cara Mudah Memasang Facebook Fan Page Di Blog Tanpa IFrame"

Posting Komentar

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini.

1. Komentar dengan menambahkan link akan dihapus.
2. Hubungi kami melalui halaman contact.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel