Kako da dodate pop-up Facebook like box na vašem blogu

Blog Jaka Šifra - Dodajte pop-up Facebook like dugme i povećajte broj lajkova na vašoj facebook stranici.

Kako da povećajte broj fanova na vašoj facebook stranici?

Jedan od najboljih načina za povećanje lajkova na vašoj facebook stranici jeste da dodate "iskačući prozor" na vašem blogu. Kada instalirate ovaj dodatak, korisnicima koji posete vaš blog otvoriće se prozor gde mogu da lajkuju vašu facebook stranicu.

Postoji mogućnost da se taj prozor prikazuje samo kada korisnik prvi put dođe na vaš blog ili prilikom svake posete. Moja preporuka je da se prozor prikazuje samo prilikom prve posete, jer njegovo stalno pojavljivanje zna da nervira.

Kod mene se ovaj način reklamiranja facebook stranice prikazao veoma efikasnim, pa se broj lajkova mnogo brže povećavao nego ranije.

Kako da dodate pop-up Facebook like box?

1. U Blogger-u idite na Izgled - Dodaj gadžet
 2. Izaberite HTML/JavaScript gadžet i tu dodajte sledeći kod

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<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/jakasifra&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"><a style="padding-left: 0px;" href="http://bit.ly/facebookpopbox" rel="nofollow" target="_blank">Kako da dodate Facebook Pop-box</a></div>
</div>
</div>

 Umesto https://www.facebook.com/jakasifra unesite URL adresu vaše Facebook stranice.

Ovaj pop-up box će se pojavljivati samo kada neko prvi put poseti vaš blog, ukoliko želite da se pop box pojavljuje prilikom svake posete (ne preporučujem) samo izbrišite ovaj deo koda:

$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });