Facebook Pop-Up Like Box with Timer for Blogger

Καλησπέρα σας,

Σήμερα θα σας δώσω ένα αρκετά διάσημο Gadget για Blogs που χρησιμοποιείται από κορυφαίες σελίδες στο εξωτερικό και είναι αναγκαίο να το έχει κάθε Blog στην σημερινή εποχή.

Πρόκειται για το κλασικό Facebook Like Box με την διαφορά ότι εμφανίζεται ως Pop Up στο κέντρο της ιστοσελίδας σας και επιτρέπει στον επισκέπτη με ένα απλό Click να σας κάνει Like.
  • Αποτελεί τελευταία έκδοση των Facebook Pop Up.
  • Είναι ελαφρύ και δεν αργεί να φορτώσει.
  • Αυξάνει τα Facebook Likes, απορροφώντας το κοινό του Blog σας.
  • Δεν ενοχλεί τον χρήστη καθώς έχει κουμπί Cancel που κλείνει άμεσα.
Το μόνο αρνητικό είναι ότι η σελίδα του Facebook πρέπει να είναι της μορφής
http://www.facebook.com/bloggertricksgr για να λειτουργεί το Gadget.


Για να αλλάξεις την μορφή της Facebook Page σου θα πρέπει να μπεις ως διαχειριστής της Facebook σελίδας σου και να ακολουθήσεις τα εξής: Settings > Page Info > Facebook Web Address και να δημιουργήσεις δική σου κατάληξη.

Για την εγκατάσταση ακολουθήστε τα παρακάτω βήματα με προσοχή:

1) Σύνδεση στον Blogger

2) Διάταξη

3) Προσθήκη Gadget

4) HTML/JavaScript

5) Προσθέτουμε τον παρακάτω κώδικα στο δεύτερο κουτάκι:

<!-- 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) Αλλάζουμε το www.facebook.com/bloggertricksgr με τη δική μας σελίδα Facebook.

7) Αποθήκευση και τέλος



Number of Comments: 3

εισαι ωραιος! ετοιμο!

Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.

euxaristo poly einai oraio kai to evala! pos ginete na min emfanizete se osous exoun idi kanei like?