Cara Membuat Widget Fan Page Like Facebook 2015 Terbaru

 

 Pembuatan Fan Page 2015 Lengkap dengan  Widget Melayang.

Apa Itu Fan Page ?

Fan Page  facebook adalah sebuah halaman khusus layaknya blog yang menyediakan berbagai informasi yang beragam sesuai dengan keinginan pemiliknya,  Fun Page banyak digunakan mulai dari perusahaan, pendidikan, layanan, produk fisik, artis, komunitas dan masih banyak lainnya

Manfaat Fan Page Bagi Bisnis Online.

Manfaat Fan Page untuk bisnis online? Manfaat Fan Page Facebook adalah untuk mengumpulkan prospek (fans) sebanyak-banyaknya dan kemudian kirimi pesan-pesan marketing untuk menghasilkan penjualan.  Dengan semakin banyaknya jumlah Fans / penggemar halaman / page facebook anda, maka akan semakin besar pula peluang anda mendapatkan uang.

Manfaat Fan Page Perorangan.

Manfaat Fan Page yang tidak berbisnis online? Apabila anda seorang aktivis kampus atau anda adalah seorang yang senang berjejaring sosial, maka fan page facebook akan menjadi solusi bagi anda untuk berbagi, memberikan informasi dsb. Jika anda seorang guru, dosen, motivator, jurnalis atau bahkan anda seorang psikiater mungkin halaman fan page facebook akan sangat bermanfaat bagi anda untuk menjalankan berbagai kegiatan anda

Cara Memasang Fan Page Facebbook 2015 Terbaru dengan  mudah,sederhana dan lengkap dengan widget melayang di blog hanya ada disini dan ikuti langkah-langkah dibawah ini :

1. Login Facebook.

2. Buka Halaman Fan Page Anda.

3. Salin alamat Fan Page anda.

4. Buka Blogger.com

5. Masuk ke Blog yang ingin dipasang widget Fan Page.

6. Pilih Tata Letak.

7. Pilih Tambahkan Getgat.

8. Pilih Html/JavaScript.

9. Masukkan Kode 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.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/pages/Pasar-Sepak-Bola/1591422667771173" data-width="300px" data-height="600px" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-like-box" data-href="https://www.facebook.com/pages/Pasar-Sepak-Bola/1591422667771173" data-width="292" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://pasarsepakbola.blogspot.com/">Blogger Widget</a></p>
</div>

Peringatan!! : Tulisan warna MERAH rubah dengan alamat Fun Page anda.

10. Klik Simpan.
11. Lihat Hasilnya.