Cara Membuat Fanspage Facebook Tampil Di Blog Blogger

Di kesempatan kali ini saya akan membagikan Cara Membuat Fanspage Facebook Tampil Di Blog Blogger. Mungkin buat para blogger pemula seperti saya ini masih banyak yang belum mengetahui cara membuat dan memasang Fanspage di blog bloger, maka dari itu saya akan membahasnya pada postingan saya ini.

Sebelum lanjut ke tahap pembuatan Fanspage, tentu anda sudah tahu kan kegunaan Fanspage Facebbok ini. Namun jika ada yang belum paham saya akan menjelaskannya secara singkat, inti dari Fanspage adalah jika  ada orang yang menyukai Fanspage Facebbok kita baik itu melalui blog maupun di like langsung dari facebook, maka jika kita membuat artikel dan mempostingnya (menaruh link postingan Blog kita ke Fanspage) maka secara otomatis artikel tersebut akan muncul di dasboard (Beranda Facebook) orang yang like Fanspage Facebook kita, sehingga kemungkinan untuk mendapatkan pengunjung blog yang lebih banyak menjadi lebih besar.


Dan berikut ini adalah langkah-langkah :

Cara Membuat Fanspage Facebook Di Blog Blogger

  • Silahkan login dahulu ke akun Facebook anda dan langsung masuk ke Facebook Developers.
  • Jika anda belum memiliki halaman Fanspage Facebook, silahkan anda baca : cara membuat halaman Fanspage Facebook.
  • Pada kolom Facebook Page URL, silahkan anda masukkan URL Facebook Fanspage blog anda. Jika tampilan Fanspage Facebook anda sudah keluar silahkan anda klik "get Code".

Cara Membuat Fanspage Facebook Tampil Di Blog Blogger

  • Jika anda ingin memasang Fanspage Facebook melayang, anda tinggal menghilangkan centang dipilihan "Adapt to plugin container width", "Show Friend Faces" dan "Show PagePost". Atau lebih jelasnya anda bisa membaca : cara memasang widget fanspage facebook melayang di blog.

Cara Membuat Fanspage Facebook Tampil Di Blog Blogger

  • Setelah anda klik "Get Code" maka akan keluar kumpulan kode, lalu pilih "IFRAME" dan silahkan salin kode tersebut. Lihat gambar :

Cara Membuat Fanspage Facebook Tampil Di Blog Blogger

PENTING : Jika sudah sampai langkah di atas dan anda tidak menemukan kode "IFRAME" maka gabungkan saja kedua kode yang muncul seperti gambar dibawah ini :

Cara Membuat Fanspage Facebook Tampil Di Blog Blogger

Sehingga menjadi kode seperti dibawah ini :

<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/bejocius" data-small-header="true" data-adapt-container-width="false" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/bejocius"><a href="https://www.facebook.com/bejocius">Bejo Cius</a></blockquote></div></div>

Cara Memasang Fanspage Facebook ke Blog Blogger

  • Silahkan masuk ke Blogger.
  • Lalu pilih menu "Tata Letak" - "Tambahkan Gadget" - " HTML/JavaScript".

Cara Membuat Fanspage Facebook Tampil Di Blog Blogger
  • Maka akan keluar halaman "Konfigurasi HTML/JavaScript" dan masukkan kode tadi ke dalam kotak "Konten" lalu klik "Simpan"

Cara Membuat Fanspage Facebook Tampil Di Blog Blogger
  • Selesai dan silahkan lihat hasilnya :)

Jika masih ada yang bingung dengan tutorial diatas, yang bisa dibilang cukup ribet, maka Bejo Cius akan membagikan kode script yang mudah dan simpel, jadi anda tinggal edit dikit dan copy-paste saja kode berikut kedalam  gadget template anda.
Berikut kodenya :

<style type="text/css">
.seocipsfbox { width:260px; background:#333; padding:10px 20px; margin:0 auto; text-align:left; border-top:1px solid #454444; border-bottom:1px solid #1e1e1e; }
</style>
<div class="seocipsfbox">
<div style="background:#efefef;border:1px solid #333;border-radius:3px;padding:5px;"><div class="fb-like-box" data-href="https://www.facebook.com/bejocius/" data-rel="nofollow" data-width="232" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div></div>
    </div>
<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&appId=483767385088491&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/></script>

Untuk kode script yang berwarna merah diatas silahkan diganti dengan alamat URL Fanspage Facebook anda. Dan untuk hasil penampakannya seperti gambar dibawah ini :


Cara Membuat Fanspage Facebook Tampil Di Blog Blogger


Demikianlah cara membuat Fanspage Facebook tampil di blog Blogger. Semoga artikel yang saya bagikan ini dapat membantu anda yang lagi kesulitan dalam membuat Fanspage. Happy Blogging :)
Previous
Next Post »
Thanks for your comment