Cara Membuat Kotak Popup Like Box FansPage Facebook Di Blogspot

  Selamat malam semua, apa kabar kalian semoga sehat selalu.
kali ini mimin mau berbagi tips cara membuat Kotak Popup Facebook Like Page.
halaman Fans Page Book berguna sekali bagi kalian yang punya blog.
kalian bisa jual barang atau share postingan kalian yang baru Fans page face book ini, semakin banyak yang like Fans page Book kalian semakin banyak yang melihat apa yang kamu bagikan di Fans page Book. DEMO >>> Di Sini
Pokoknya klau gak punya Fans page Book kamu rugi banget gituloh, kamu bisa jual Fans page Book  ini sampai jutaan Rp  loo,,,,


Berikut ini caranya :
1. Masuk Layout >> Add Gadged >> Pilih HTML // Java Scrip
2. Copy Kode di Bawah Ini di kolom Content.
<!-- FB FANS PAGE LIKE BOX -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<style>
    #hbfanback {
        display: none;
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
    }
    #hbfan-exit {
        width: 100%;
        height: 100%;
    }
    #hbfanbox {
        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 #939393;
        -moz-box-shadow: inset 0 0 50px 0 #939393;
        box-shadow: inset 0 0 50px 0 #939393;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: -220px 0 0 -375px;
    }
    #hbfanclose {
        float: right;
        cursor: pointer;
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP2RT-FdIWSquypZp4_FaZzkXIorMIsDKd6-XZaC2TjBOGmGPVb3NW1X5wmqE6_NdmbWzl8Mw8KS_XfQjmT73XuO23WzNX2T6SpmX2jKr5C1NUvFDNdtgZVkGIz6FV5wftSRPhRLIJ9to/s1600/hb-fanclose.png) repeat;
        height: 15px;
        padding: 20px;
        position: relative;
        padding-right: 40px;
        margin-top: -20px;
        margin-right: -22px;
    }
    .hbremove-borda {
        height: 1px;
        width: 366px;
        margin: 0 auto;
        background: #F3F3F3;
        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') {
            $('#hbfanback').delay(100).fadeIn('medium');
            $('#hbfanclose, #hbfan-exit').click(function() {
                $('#hbfanback').stop().fadeOut('medium');
            });
        }
        $.cookie('popup_user_login', 'yes', {
            path: '/',
            expires: 7
        });
    });
</script>
<br />
<div id="hbfanback">
<div id="hbfan-exit">
</div>
<div id="hbfanbox">
<div id="hbfanclose">
</div>
<div class="hbremove-borda">
</div>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com/Aplikasi-komputer-379638532079396/?ref=hl;width=340&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" style="border: none; height: 258px; margin-left: 8%; overflow: hidden; width: 340px;"></iframe>
    </div>
</div>

<!-- FB FANS PAGE LIKE BOX -->

3. ganti kode ( www.facebook.com/Aplikasi-komputer-379638532079396/?ref=hl )Dengan alamat  Fans page Book kamu.
4. Lalu save

Catatan Penting:
Klau kalian Ingin memunculkan Popup Fans page Book setiap kali halaman di buka , kamu cari kode di bawah ini lalu hapus kodenya.
Tetapi menurut saya kode ini jangan di hapus, karena klau setiap kita membuka halaman di blog anda muncul Popup Fans page Book akan sangat mengganggu.
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });