Cara Memasang Fanspage Facebook dengan mudah diblog - Gurhu Cho-Cho

 

Assalamualaikum Wr. Wb.

Sahabat blogger bertemulagi sekarang saya akan sharing bagaimana cara membuat widget fanspage diblog simak yok bareng bareng langsung saja.

Cara membuat fans page facebook di sebuah blog tentu syaratnya adalah Anda terlebih dahulu membuat fans page melalui akun facebook Anda. 
Bagi Anda yang belum mempunyai alat ini silahkan membuat melalui link berikut:https://www.facebook.com/pages/create.php

ikuti petunjuk yang diberikan pihak facebook sampai sukses di-halaman beranda fanspage Anda. Pemasangan fans page pada sebuah situs biasanya di simpan di bagian samping atau sidebar pada sebuah blog atau website melalui widget script HTML.

Memasang Fans page facebook

Secara umum ada tiga tahap dalam pembuatan sampai pemasangan di blog yaitu:

1. Pembuatan Fans fage melalui akun facebook Anda.
2. Pembuatan/pengambilan script melalui facebook develop.
3. Pemasangan script pada website atau blog.

Pada kesempatan ini yang saya info-kan adalah cara pemasangan widget fans page facebook pada sebuah blog dari blogger atau blogspot.
Membuat Code script untuk Blog

Bisa langsung kopi  script berikut ini. Caranya :

1. Log in blogger Anda
2. Pada halaman dashboard klik Layout
3. Klik "add a Gadget" pada posisi sidebar yang akan ditempatkan fans page Anda
4. Klik "HTML/JavaScript Add " dan isikan Code yang Anda copy tadi
5. Klik save dan lihat hasilnya.

<style type="text/css">
.seocipsfbox {background:#efefef;padding:10px;margin:0 auto;border-radius:3px;overflow:hidden;}
</style>
<div class="seocipsfbox">
<div class="fb-like-box" data-href="https://www.facebook.com/olic.ibrahim/" data-rel="nofollow" data-width="250" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></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&version=v2.5&appId=1439296419615573";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

yang berwarna biru bisa anda ganti dengan url halaman facebook kalian. atau bisa juga ikuti langkah-langkah berikut jika mengalami kebingungan.

1. Silahkan anda copy link URL halaman beranda Fans page facebook anda
    
   
   
2. Untuk mendapatkan code script, buka link berikut ini:
   http://developers.facebook.com/docs/reference/plugins/like-box/
3. Isi dan atur pada setiap kolom yang disediakan
   • Facebook Page URL: isi dengan link fans page yang sudah Anda buat
   • Width: Pengaturan Lebar
     dan pengaturan lainnya sesuaikan dengan kebutuhan.
   •  
    
   
   
4. Klik 'Get Code" apabila sudah selesai
5. Klik IFrame dan copy code nya
   

Memasang code pada blogspot:

1. Log in blogger Anda
2. Pada halaman dashboard klik Layout
3. Klik "add a Gadget" pada posisi sidebar yang akan ditempatkan fans page Anda
4. Klik "HTML/JavaScript Add " dan isikan Code yang Anda copy tadi
5. Klik save dan lihat hasilnya.

Hubungi Kami^