Στο παρελθόν παρουσιάσαμε πολλά 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1OoojmM3SJNh88zn2rFFTWeIH_xK4RhxUvZMHW8PiOpy-1EKmdDmdUnIrcY46ys-ITXpFIZyCfZXrzIWbVROCgfbEEWmyMqm_pcw0ljKrTLGQmGoG2MChcCYdThgaBBTC7pNgM1g17142/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 που έχετε καιρό να επισκεφτείτε για να δείτε πώς λειτουργεί.
