Προσθέστε Facebook Popup Box στο blog σας με ρύθμιση

Προσθέστε αυτό το δελεαστικό  widget στην ιστοσελίδα σας και ένα  facebook κουτί θα εμφανιστεί  με την επίδραση lightbox όταν ένας χρήστης επισκέπτεται τη σελίδα σας. 

Το widget Facebook θα εμφανιστεί στη σελίδα σας το πρώτο δευτερόλεπτο μετά τη φόρτωση της σελίδας  (αλλά μπορεί να προσαρμοστεί για πιο μετά). Αυτός είναι ένας εξασφαλισμένος τρόπος για να αυξηθούν δραματικά τα like σας.

Μπορείτε επίσης να ρυθμίσετε  το popup facebook box. 
Δείτε πιο κάτω

1) Σύνδεση στον blogger.com
2) Διάταξη ->Στοιχεία σελίδας ->Προσθήκη gadget ->HTML/JavaScript

3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:

<style type="text/css">
#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%;
}
#fanbox {
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;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL5reQ1EAtIDg9BBYTpaL-XNJFq7JAVFZYsXw5pQ96HN0Mq4lAHuiGlgtYUEsy6F9hAVuhgpVe4-VCxYj4nG1_VgGTEEP-TdxfsYKMBSnxplEury2kkLY1yL_IjSxGOR6PcZScRAamPfby/s1600/fanclose.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 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(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 1
 });
});
</script>

<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/yournamepagefun&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>
</div>
</div>

Πώς να κάνετε Προσαρμογή

Αναζήτηση  yournamepagefun  και  αντικαταστήσει με το facebook με διεύθυνση URL της σελίδας του δικτυακού σας τόπου.

Αλλάξτε το 20 δευτερολέπτων Καθυστέρηση

Εξ 'ορισμού το widget αναδύεται 20 δευτερόλεπτα μετά τη σελίδα τελειώσει η φόρτωση. Αναζήτηση για τον παρακάτω κώδικα και αλλάξτε τον αριθμό  20000  σε μεγαλύτερο ή μικρότερο αριθμό.

1 second = 1000.  10 seconds = 10000. 60 seconds = 60000.

.delay(1000)

Αναδυόμενες κάθε φορά που η σελίδα φορτώνει

Από προεπιλογή, το ομοειδές widget κουτί εμφανίζεται μόνο την πρώτη φορά που ο χρήστης επισκέπτεται τη σελίδα σας. Αν θα θέλατε το πλαίσιο στο Facebook για να popup να ανοίγει κάθε φορά που η σελίδα φορτώνει, αντικατάσταση στο yes με το  no αυτήν την γραμμή κώδικα:

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

Εμφάνιση μόνο όταν ο χρήστης επισκέπτεται την αρχική σελίδα σας
<b:if cond='data:page.type == "index"'>ΜΕΡΟΣ-ΜΑΖΙ ΜΕ ΤΟ-FACEBOOK WIDGET-CODE-ΕΔΩ</b:if>
Να περιβάλλει τον κωδικό widget με αυτές τις ετικέτες Στην αρχή και στο τέλος.