Cara Membuat FansPage Facebook Melayang di Blog

Cara Membuat FansPage Facebook Melayang di Blog - Halo semuanya kawan-kawan kiosbangjek, pada kesempatan pagi hari yang cerah ini gue akan membagikan sebuah tutorial "Cara Membuat FansPage Facebook Melayang di Blog". Sebelum kita lanjut ke langkah berikutnya pastikan Anda sudah tau Fungsi dari FansPage atau Halaman Facebook.

FansPage atau Halaman Facebook adalah sebuah halaman atau komunitas yang dibuat oleh sang Artist atau Selebriti, acara televisi, film, fenomena, blog/web yang terkenal. FansPage atau Halaman bisa juga untuk di jadikan tempat atau ladang promosi sesuatu produk atau website dan si owner atau pemilik fanspage atau halaman berusaha agar fanspage atau halamannya memiliki banyak Like ataupun Pengikut.

Okey, langsung aja ke menuju tutorialnya Cara Membuat FansPage Facebook Melayang di Blog :

1. Langkah pertama yang harus kalian lakukan adalah Login ke Blogger terlebih dahulu

2. Langkah kedua, jika kalian sudah masuk di dashboard Blogger kalian masuk ke menu Tata Letak atau Layouts => setelah itu klik Tambah Gadget => setekah klik tambah gadget, kemudian kalian klik HTML/Javascript

3.Setelah itu masukkan kode berikut ini ke dalam kotak konten :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

<style type="text/css">

#fbox-background{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}#fbox-close{width:100%;height:100%}#fbox-display{background:#eaeaea;border:5px solid #828282;width:340px;height:230px;position:absolute;top:32%;left:37%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#fbox-button{float:right;cursor:pointer;position:absolute;right:0;top:0}#fbox-button:before{content:"CLOSE";padding:5px 8px;background:#828282;color:#eaeaea;font-weight:700;font-size:10px;font-family:Tahoma}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px}

</style>

<script type='text/javascript'>

//<![CDATA[

jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[1]):null};

//]]>

</script>

<script type='text/javascript'>

jQuery(document).ready(function($){

if($.cookie('popup_facebook_box') != 'yes'){

$('#fbox-background').delay(5000).fadeIn('medium');

$('#fbox-button, #fbox-close').click(function(){

$('#fbox-background').stop().fadeOut('medium');

});

}

$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });

});

</script>

<div id='fbox-background'>

<div id='fbox-close'>

</div>

<div id='fbox-display'>

<div id='fbox-button'>

</div>

<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=isi dengan URL/Link FansPage Facebook kalian

&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>

4. Klik SIMPAN / SAVE

5. Done !

Catatan : 

Ganti Tulisan warna Merah dengan URL/Link FansPage Facebook kalian.

Cukup sekian tutorial kali ini yang gue bagikan dan semoga bisa bermanfaat untuk kalian

Bagikan Artikel ini

Berlangganan update artikel terbaru via email: