Cara Mudah Pasang Widget Facebook Fanpage di Blog

Cara Mudah Pasang Widget Facebook Fanpage di Blog
Sakaran- Mengoptimalkan blog dapat dilakukan dengan berbagai cara, salah satunya adalah dengan memasang widget atau gadget Facebook Fanspage. Bagi yang ingin memasang widget ini dan belum tahu caranya, tepat sekali jika berkunjung ke blog kami. Berbagi untuk para blogger pemula yang ingin memasang widget Facebook Fanspage, berikut ini cara mudah untuk memasangnya.

Langkah pertama adalah mendapatkan kode html widget Facebook Fanspage:
  1. Masuk /log in ke facebook sobat blogger.
  2. Lalu buka link Facebook Developer ini.
  3. Silahkan isi Facebook Page URL dengan url facebook fanspage sobat.
  4. Silahkan masukkan ukuran lebar dan tinggi widget dengan masukkan ukuran pada width dan height.
  5. Dapatkan kode html widget dengan klik Get Code.
  6. Copy kode html tersebut.
Langkah kedua adalah memasukkan kode html widget di blog kita:
  1. Buka tab baru, masuk /log in ke dashboard blogger sobat.
  2. Buka tata letak.
  3. Tambah gadget dimana widget Facebook Fanpage tersebut akan ditempatkan.
  4. Salin atau paste-kan kode html yang didapatkan /copy dari langkah pertama.
  5. Silahkan save /simpan.
  6. Selesai.
Cara Mudah Pasang Facebook Fanspage di Blog

Nah bagaimana hasilnya, sudah terpasang bukan? Dan ternyata sangat mudah. Namun jika masih bingung dengan semua langkah diatas, tidak usah khawatir. Silahkan copy kode html dibawah ini dan paste-kan pada langkah kedua nomor 3 dan 4 dengan kode html berikut:

<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 = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/assakaran/" data-tabs="none" data-width="300" data-height="300" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/assakaran/"><a href="https://www.facebook.com/assakaran/">SAKARAN CYBER - BLOG DUNIA AKHIRAT</a></blockquote></div></div>


Tapi harus diigat, ganti kode html yang berwarna merah dengan url atau username facebook fanspage sobat. Ganti kode warna kuning dengan kata atau kalimat pengganti saat widget gagal terbuka. Dan kode warna biru dengan ukuran widget yang sobat inginkan.

Sekian dan terimakasih. Semoga bermanfaat buat teman teman dan sobat blogger sekalian.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel