Cara Membuat Pop Up Fanspage Di Blog - Techo
Skip to content Skip to sidebar Skip to footer

Cara Membuat Pop Up Fanspage Di Blog

Fanspage aatau halaman facebook, adalah suatu sarana agar kita bisa membuat halaman tentang diri kita sendiri agar bisa berinteraksi dengan fans, fanspage juga salah satu sarana marketing untuk menjual barang ataupun jasa yang kita sediakan. fanspage juga untuk lebih memudahkan dan lebih mengetahui keseharian atau kegiatan apa saja yang dilakukan seorang yang mempunya pengaruh besar misalnya artis atau musisi yang kita senangi.

Dikesemapatan kali ini saya akan membahasa dan memberi cara bagaimana sih cara membuat Fanspage di blogger.

1. Seperti biasa kalian harus memasuki alamat blogspot terlebih dahulu dan masuk situs kalian.

2. Lalu ke menu Tata Letak

3. Lalu klik tambahkan Gadget lalu ada pilihan dan kita pilih HTML/Javascript

4. Lalu copy Script yang ada dibawah ini 

<script src='http://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:#fff;border:3px solid #696969;width:400px;height:230px;position:absolute;top:33%;left:37%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#fbox-button{float:right;cursor:pointer;position:absolute;right:6px;top:6px}#fbox-button:before{content:"X";padding:5px 8px;background:#696969;color:#fff;font-weight:400;font-size:10px;font-family:inherit}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:8px;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('fast');

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

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

});

}

$.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=https://www.facebook.com/rekblogging&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border:none;overflow:hidden;width:394px;height:200px;'></iframe>

</div>

</div>




5. Lalu kalian ganti tulisan yang merah dengan URL fanspage kalian, dan selamat mencoba

Itu dia sebuah tutorial " Cara Memasang Pop UP Fanspage Facebook DI Blog ", semoga artikel ini bermanfaat dan bisa menjadi wawasan untuk para pembaca. Terima kasih sudah mampir jangan lupa kritik dan saran dengan berkomentar di bawah.