728x90 AdSpace

Latest News

PopUp FanBox Gadget for Blogspot

Τα μέσα κοινωνικής δικτύωσης φαίνεται πως μπορούν να καθορίσουν σήμερα την τύχη μιας ιστοσελίδας. Το λέμε αυτό διότι πολλά blogs λειτουργούν αποκλειστικά με συγκεκριμένους επισκέπτες. Όσο πιο πολλούς fan έχει μια Σελίδα, τόσο περισσότερες πιθανότητες έχει να τον επισκεφτούν περισσότεροι σε σχέση με τις ενημερώσεις που κάνει στο περιεχόμενό της.

Στο παρελθόν παρουσιάσαμε πολλά gadgets τέτοιου είδους, που έχουν ως σκοπό να αποσπάσουν από τον επισκέπτη ένα "Like" στην Σελίδα τους στο Facebook.

Προσθέστε τον παρακάτω κώδικα ως gadget επιλέγοντας HTML/JavaScript:

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></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%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:64%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #3b60aa;
-moz-box-shadow: inset 0 0 50px 0 #3b60aa;
box-shadow: inset 0 0 50px 0 #3b60aa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(http://4.bp.blogspot.com/-inGOONYeB8s/UZd3aY5bJHI/AAAAAAAATro/-YuTHmVLh8s/s1600/popup_exit.png) no-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;
}
</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: 7 });
});
</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='//www.facebook.com/plugins/likebox.php?
 
href=ΤΟ URL ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'
 
style='border: none; overflow: hidden; margin-top: -19px; margin-left:10px; width: 402px; height: 230px;'></iframe>
<p style=" float:right;  margin-right:12px; margin-top:-10px;" > <a style=" font-size:7px; color:#777; text-decoration:none;" href="http://www.bloggertipsandtricks.net/2013/07/popup-fanbox-gadget-for-blogspot.html" target='_blank'>Blogger Tips & Tricks</a></p>
</div></div



Προσθέστε το URL της δικής σας Σελίδας στο Facebook αντικαθιστώντας "ΤΟ URL ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK" και πατήστε αποθήκευση.

Αν στον κώδικα HTML του προτύπου σας υπάρχει κάποιο jQuery script, τότε παραλείψτε την πρώτη σειρά από τον κώδικα.

Το popup λειτουργεί με τα cookies. Αν δεν το δείτε στη Σελίδα που χρησιμοποιείτε συχνά, τότε προσθέστε το σε ένα demo που έχετε καιρό να επισκεφτείτε για να δείτε πώς λειτουργεί.
 
  • Blogger Comments
  • Facebook Comments

0 comments:

Δημοσίευση σχολίου

Item Reviewed: PopUp FanBox Gadget for Blogspot Rating: 5 Reviewed By: Epiosy