Home / Blogspot / Cara Membuat Pop Up Like Facebook Melayang Di Blogger

Cara Membuat Pop Up Like Facebook Melayang Di Blogger

Kalian pasti pernah melihat di suatu website yang ada halaman facebook nya, ada juga yang di sini kanan dan ada juga yang terbang melayang layang di angkasa ūüėÄ di halaman web nya maksud nya ūüėÄ Nah pada kesempatan kali ini saya akan memberikan tutorial nya tentang cara membuat Pop Up Like Halaman Facebook di blogger, kurang lebih caranya seperti di bawah ini

Cara di atas itu cukuplah mudah kalian hanya perlu mengikuti langkah langkah di bawah ini :

Cara Membuat Pop Up Like Facebook Melayang Di Blogger

Langkah yang harus kalian lakukan yang pertama adalah Buka halaman Blogger 

Jika sudah kalian masuk ke menu Layout lalu pilih Add Gadget dan pilih Html/JavaScript jika sudah kalian silahkan salin kode di bawah ini dan letakan di Html/Javascript 

<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 {
    border: 5px solid #1194f2;
    width: 339px;
    height: 212px;
    position: absolute;
    top: 30%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 1px;
}
#fbox-button:before {
    content: "x";
    padding: 1px 7px 4px 7px;
    background: #ff4e4e;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    border-radius: 10px;
}
#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:0px}
</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=https://www.facebook.com/admin.cahkutawaringin.id/120574614736021&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: 212px;'></iframe>
</div>
</div>

Jika sudah pada alamat facebook Htpps://www.facebook.com/admin.cahkutawaringin kalian ganti dengan ID halaman Facebook kalian sendiri. Jika kalian bingung kalian bisa lihat gambar di bawah ini :

Jika sudah kalian bisa klik Save. 

Note :

Pop Up Like Box Melayang ini hanya akan tampil pada 1x pada setiap Pengunjung saja

Itulah sedikit tutorial Cara Membuat Pop Up Like Facebook Melayang Di Blogger jika ada yang ingin di tanyakan silahkan tinggalkan di kolom komentar.

Terima kasih telah mengunjungi Cahkutawaringin.id , Semoga artikel ini bermanfaat buat kita semua, Tetap kunjungi web kami untuk mendapatkan ilmu dan tutorial menarik lainnya..

About Mas Anggading

"Jika seseorang meninggal dunia, maka terputuslah amalannya kecuali tiga perkara yaitu: sedekah jariyah, ilmu yang dimanfaatkan, atau do‚Äôa anak yang sholeh‚ÄĚ (HR. Muslim no. 1631)

Check Also

Cara Membuat Email Edu Disanta Monica Collage Dengan Mudah

Selamat Datang Di¬†Media Pembelajaran Online.¬†Di postingan sebelumnya kalian pasti telah membaca tentang cara membuat akun …

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *