Cara Memasang Fanspage Melayang di Blog

Memasang Fanspage Melayang - Pada kesempatan kali ini saya akan membagikan bagaimana cara agar fanspage Facebook dapat melayang-melayang dengan bebas di Blog kita saat pertama kali Blog kita di buka orang lain, hal ini tentunya sangat berguna untuk meningkatkan like pada halaman facebook kita tentunya.

Baiklah, saya akan memberi tahukan bagimana cara, namun sebelum itu semua anda lakukan, pastikan anda mempunyai Halaman facebook, jika belum punya, silakan membuat terlebih dahulu. Simak caranya di bawah ini.

Cara Membuat Fanspage Melayang di Blog

Baca Juga

Terlebih dahulu login ke Blogger tercinta
Pilih menu Tata Letak
Tambahkan Gadget
Pilih HTML/JavaScript
Salin kode di bawah ini


<style>
#fanback {
    display:none;
    background:#000;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
}
#fan-exit {
    width:100%;
    height:100%;
}
#fanbox {
    background:white;
    width:420px;
    height:270px;
    position:absolute;
    top:58%;
    left:63%;
    margin:-220px 0 0 -375px;
    -webkit-box-shadow: inset 0 0 50px 0 #000;
    -moz-box-shadow: inset 0 0 50px 0 #000;
    box-shadow: inset 0 0 50px 0 #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: -220px 0 0 -375px;
}
    #fanclose {
    float:right;
    cursor:pointer;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9we5Za9CF2KoK4AP7q0_gT1Ag8agM4NIWEq_bn6fFfxmialekza7A4aheoiHjyexoKxAFrKW1FMSZhyphenhyphenxK9W8lpOP8vwUhkcnewHv4qfUJOmsfS0aq7k1ukVRmccmvgts09sCW3LGfDBz/s1600/fanclose.png) repeat;
    height:15px;
    padding:20px;
    position:relative;
    padding-right:40px;
    margin-top:-20px;
    margin-right:-22px;
}
.remove-borda {
    height:1px;
    width:366px;
    margin:0 auto;
    background:#FFF;
    margin-top:16px;
    position:relative;
    margin-left:20px;
}
</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_user_login') != 'yes'){
            $('#fanback').delay(100).fadeIn('medium');
            $('#fanclose, #fan-exit').click(function(){
                $('#fanback').stop().fadeOut('medium');
            });
        }
        $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
    });
</script>
<div id='fanback'>
    <div id='fan-exit'>
    </div>
    <div id='fanbox'>
        <div id='fanclose'>
        </div>
        <div class='remove-borda'>
        </div>
        <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/GANTI_ID_FANSPAGE_FACEBOOK&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
        <center>
            <span id="linkit"><a href="http://www.masukangin.net/2017/07/cara-memasang-fanspage-melayang-di-blog.html">Daparkan Widget Ini</a></span>
        </center>
    </div>
</div>