Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasang Arahan Pop-Up Fanspage Facebook Box: Kotak Halaman Facebook Muncul

Cara Pasang widget Like Box Fanspage Facebook Pop up alias melayang Cara Memasang Kode Pop-up Fanspage Facebook Box: Kotak Halaman Facebook Muncul
Cara Pasang widget Like Box Fanspage Facebook Pop up alias melayang, muncul, di halaman blogger.

MEMASANG Fanspage Facebook Like Box "Popup" alias Kotak Like FB yang muncul atau melayang di halaman blog yaitu salah satu tips & trik untuk meningkatkan "Likeer" Fans Page.

Cara Pasang widget Like Box Fanspage Facebook Pop up alias melayang Cara Memasang Kode Pop-up Fanspage Facebook Box: Kotak Halaman Facebook Muncul

ika Anda berminat memasang Kotak Popup Facebook Like Page di blog Anda, ibarat tampak dalam ilustrasi posting ini, dan ibarat dalam demo, silakan ikuti langkah sangat gampang di bawah ini.


Cara Praktis Membuat Kotak Popup Facebook Like Page di Blogspot

1. Layout > Add a Gadget > pilih "HTML/JavaScript"
2. Kosongkan judul widget.
3. Copy dan Paste instruksi berikut ini di kolom "Content".

<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/AVvXsEjZ3wE-HYO2AbYmpl3rpvrTDVN3mmvR2kABBnMd-75A176narikKXnML4kUrl-heJbvHODq_xrRyoG6GLnihOeHRZqq3hliyn7ih_ESZkhBKjC1gSad25cqcYjjHdsFW1HAxoZSZ_SdPrA/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>
<div id='hbfanback'>
    <div id='hbfan-exit'></div>
    <div id='hbfanbox'>
        <div id='hbfanclose'></div>
        <div class='hbremove-borda'></div>
        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fcbblogger&amp;width=340&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:340px; height:258px;margin-left: 8%;" allowtransparency="true"></iframe>
    </div>
</div>


4. Ganti cbblogger dengan username halaman fanspage FB Anda.
5. Save!

Cara Memasang Kode Pop-up Fanspage Facebook Box: Kotak Halaman Facebook Muncul.*



Sumber https://testemplatecb.blogspot.com/