Header Ads

ad728
  • Breaking News

    Facebook Pop-Up Like Box with Timer for Blogger

    Facebook Pop-Up Like Box
    Good evening,
    Today I will give you a fairly famous Gadget for Blogs used by top pages abroad and it is necessary to have it every Blog in today's era.
    • This is the classic Facebook like Box with the difference that it appears as Pop Up in the center of your website and allows the visitor with a simple click to make you like.
    • It is a latest version of Facebook Pop Up.
    • It's light and not slow to load.
    • It increases Facebook Likes by absorbing the audience of your Blog.
    • It does not disturb the user as it has a Cancel button that closes immediately.
    • The only downside is that the Facebook page should be of the form
    HTTP://WWW.FACEBOOK.COM/BLOGGERTRICKSGR for the Gadget to work.
    To change your Facebook page format, you'll need to enter as your Facebook page administrator and follow the following: Settings "page Info" Facebook Web Address and create your own ending.


    To install, follow these steps carefully:
    1) Login to Blogger
    2) Layout
    3) Add Gadget
    4) HTML/JavaScript
    5) Add the following code to the second checkbox:

    <!-- Facebook Popup Widget START --><!-- Brought to you by www.bloggertricks.gr  -->
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
    <style>
    #fanback {
    display:none;
    background:rgba(0,0,0,0.8);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
    }
    #fan-exit {
    width:100%;
    height:100%;
    }
    #Burptech {
    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;
    }
    #Burp {
    float:right;
    cursor:pointer;
    background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/Burp.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:#F3F3F3;
    margin-top:16px;
    position:relative;
    margin-left:20px;
    }
    #linkit,#linkit a.visited,#linkit a,#linkit a:hover {
    color:#80808B;
    font-size:10px;
    margin: 0 auto 5px auto;
    float:center;
    }
    </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(1000).fadeIn('medium');
    $('#Burp, #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='Burptech'>
    <div id='Burp'>
    </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/bloggertricksgr&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
    style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
    <span id="linkit">Powered by <a href="http://bloggertricks.gr">Blogger Tips</a> - <a href="http://www.bloggertricks.gr/2014/09/facebook-pop-up-like-box-with-timer-for.html">Facebook Like Box</a></span></center>
    </div>
    </div> 

    6) Change the WWW.FACEBOOK.COM/BLOGGERTRICKSGR with Your Facebook page.
    7) Save and Finish.

    No comments

    Post Top Ad

    ad728

    Post Bottom Ad

    ad728