Cara Memasang Popup Like Fanspage FB di Blog

Halo... Selamat datang di blog admin yang sederhana ini ya. Admin kali ini akan memberikan tutorial Cara Memasang Popup Like Fanspage FB di Blog. Cara ini akan sangat berguna untuk kamu yang suka memasang iklan popunder di blog. Tidak tau apa itu popup facebook?? Bacalah artikel berikut dengan baik

Pop Up adalah jenis iklan yang menampilkan konten promosi dalam sebuah jendela browser baru yang muncul ketika kita sedang mengakses sebuah laman situs yang memiliki script popup di dalamnya (Gaptex.com). Sudah tau bukan popup itu apa, maka Popup Facebook itu adalah iklan yang menampilkan fansfage facebook atau lainnya dengan munculnya jendela baru.

Popup facebook ini akan sangat berguna untuk blogger yang sering memasang iklan popunder di blognya, karena setiap ada pengunjung datang ke blog pasti akan melakukan aktivitas "Klik" dan iklan popunder kamu pun muncul. Sangat berguna bukan?? Jika bisa memberbanyak kemugkinan pengunjung akan like Fanspage Facebook kamu. Kita mulai tutorial pembuatan script popupnya!

1. Buka dasbor blog kamu

2. Pilih tab Tata Letak >> Tambahankan Gadget >> HTML/JavaScript

(Note: boleh taruh dimana saja)

3. Lalu copykan script dibawah ini

<style>

#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: 0px;

    top: 0px;

}

#fbox-button:before {

    content: "CLOSE";

    padding: 5px 8px;

    background: #828282;

    color: #eaeaea;

    font-weight: bold;

    font-size: 10px;

    font-family: Tahoma;

}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link 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) {

// key and at least value given, set 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(''));

}

// key and possibly options given, get 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'){

$('#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/adisainsblog&width=402&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>

<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://www.adisains.com" rel="nofollow">AdiSains</a></div>

</div>

</div>

Note: Ganti https://www.facebook.com/adisainsblog menjadi url fanspage facebook kamu

4. Jika sudah selesai semua langkah - langkah diatas, silahkan simpan dan liat blog kamu

Note: Script ini tidak muncul terus menerus

Begitulah Tutorial Memasang Popup Like Fanspage FB di Blog sudah admin buat secara lengkap semampunya admin membuat artikel ini. Jika masih ada kesalahan atau masih ada yang kurang, admin mohon maaf karena admin bukanlah manusia yang sempurna :v

Jika artikel ini bermanfaat untuk kamu, tolong share supaya teman - teman kamu tau juga cara memasang script popup ini

Sekian dari saya dan Terima kasih