Cara Membuat Pop Up Fanspage Keren

Membuat Fanspage

Seiring dengan dunia blogger tidak lepas dengan yang namanya fanspage dan pada kesepatan kali Dunia Teknologi akan memberikan tutorial membuat fanspage yang keren dan berada pada halaman awal.

Apasih Manfaat dari Fanspage melayang itu..?

Adapun manfaat dari fansapage melayang yaitu jika ada seseorang yang ingin mengunjungi blogg kita maka dia harus klik suka  fanspage kita.Jadi manfaatnya cuma Menyukai Fanspage kita atau bahasa kerennya sekarang like .

Bagaimana cara membuatnya gan..?

Cara membuatnya sangatlah muda dan gampang jika anda ingin membuatnya silahkan ikuti langkah -langkah di bawah ini.

Langkah-Lngkah Membuat Fanspage Yang Melayang .

1.Masuk ke Menu Dashboar Blogg kalian, kemudian pilih dan klik Tata Letak > Tambahkan Widget > HTML / Javascript.

2.Kemudian kalian harus memsukkan scriptnya di Widget tadi copy kan scriptnya di bawah ini.

Script Fanspage Melayang

<style scoped='' type='text/css'>
#fb-fanbox {background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);display:none;}
#fb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#fb-boxview {background:#f5f5f5;border:8px solid #3a76b4;width:339px;height:210px;position:absolute;top:33%;left:37%;border-radius:3px;}
#fb-closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;z-index:2;}
#fb-closebox:before {content:"CLOSE";padding:5px 8px;background:#3a76b4;color:#fff;font-weight:normal;font-size:10px;font-family:inherit;}
#fb-boxlink,#fb-boxlink a.visited,#fb-boxlink a,#fb-boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// Pengaturan cookie
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// Dapatkan cookie
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fb-fanbox').delay(3000).fadeIn('fast');
$('#fb-closebox, #fb-boxclose').click(function(){
$('#fb-fanbox').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fb-fanbox'>
<div id='fb-boxclose'>
</div>
<div id='fb-boxview'>
<div id='fb-closebox'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/duniateknologiindo&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:300px;height:195px;'></iframe>
</div>
</div>

Keterangan:

Jika kalian ingn menambahkan pada blog kalian ,Kalian Harus membuatnya terlebih dahulu dan kalian yang sudah mempunyai Fanspage anda tinggal mengganti tulisan yang saya sudah beri warna itu di ganti dengan nama fansapage kalian.

3.jika sudah di paste kemudian kalian save dan hasilnya kalian bisa lihat di bawah ini.

Fanspage Dunia Teknologi

Sekian Tutorial yang indopedia bisa bagi kepada teman-teman semua jika ada salah-salah kata saya minta maaf ,Selanat Mencoba dan mudah-mudahan berhasil.