Popup |
Pop up facebook like box
ενα χρησιμο gadget για το blog μας αφου εμφανιζεται καθως ερχεται ο επισκεπτης στο blog μας και μονο για μια φορα και τον προτρεπει να κανει like
Pop up like box πως το βαζουμε
ευκολο στη τοποθετηση του μπαινει σαν ολα τα gadgets οποτε παμε
πινακα ελεγχου - διαταξη - προσθηκη gadget και επικοληση του παρακατω κωδικου. Κανουμε αποθηκευση και ειμαστε ετοιμοι
δειτε κι αυτα
Πρεπει να αλλαξετε το https://www.facebook.com/pages/%CE%A0%CF%89%CF%82-%CF%86%CF%84%CE%B9%CE%B1%CF%87%CE%BD%CF%89-blog-pos-ftiaxno-blog/427751680643253δειτε κι αυτα
facebook like box
<style>/*ColorBox Core Style:The following CSS is consistent between example themes and should not be altered.*/#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}#cboxOverlay{position:fixed; width:100%; height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left; margin:auto; border:0; display:block;}.cboxIframe{width:100%; height:100%; display:block; border:0;}/*User Style:Change the following styles to modify the appearance of ColorBox. They areordered & tabbed in a way that represents the nesting of the generated HTML.*/#cboxOverlay{background:#000;opacity:0.5 !important;}#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);}#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1PlbRgW9bevIdBNeL_3W0iCK9iHTWTwgB_G5nCqXQa4WFofAKJXNXcMvEu3mTR-2d7l3OyGFUYmwNZP0FIGLxzV7Ww1JbN7WfV5iQCYmtdAP1MdI1WYrnVJtxXNbY6zsmPIr2KqmhFMhs/s1600/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqVgKmyOyTbhirZsCEOUNM7ZyHmKjTEuucZMoJFzyi-LrOK1Yo6yN9VQp5cV6TEempi8fh3qfx8BVSJdxvh_V5KhNiHpYnoEf-bPgXEQkyi9CDh9l4ppeRY8WZYUgX7U3SBk3VnhPkhOnP/s1600/border.png) repeat-x top left;}#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1PlbRgW9bevIdBNeL_3W0iCK9iHTWTwgB_G5nCqXQa4WFofAKJXNXcMvEu3mTR-2d7l3OyGFUYmwNZP0FIGLxzV7Ww1JbN7WfV5iQCYmtdAP1MdI1WYrnVJtxXNbY6zsmPIr2KqmhFMhs/s1600/controls.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1PlbRgW9bevIdBNeL_3W0iCK9iHTWTwgB_G5nCqXQa4WFofAKJXNXcMvEu3mTR-2d7l3OyGFUYmwNZP0FIGLxzV7Ww1JbN7WfV5iQCYmtdAP1MdI1WYrnVJtxXNbY6zsmPIr2KqmhFMhs/s1600/controls.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqVgKmyOyTbhirZsCEOUNM7ZyHmKjTEuucZMoJFzyi-LrOK1Yo6yN9VQp5cV6TEempi8fh3qfx8BVSJdxvh_V5KhNiHpYnoEf-bPgXEQkyi9CDh9l4ppeRY8WZYUgX7U3SBk3VnhPkhOnP/s1600/border.png) repeat-x bottom left;}#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1PlbRgW9bevIdBNeL_3W0iCK9iHTWTwgB_G5nCqXQa4WFofAKJXNXcMvEu3mTR-2d7l3OyGFUYmwNZP0FIGLxzV7Ww1JbN7WfV5iQCYmtdAP1MdI1WYrnVJtxXNbY6zsmPIr2KqmhFMhs/s1600/controls.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1PlbRgW9bevIdBNeL_3W0iCK9iHTWTwgB_G5nCqXQa4WFofAKJXNXcMvEu3mTR-2d7l3OyGFUYmwNZP0FIGLxzV7Ww1JbN7WfV5iQCYmtdAP1MdI1WYrnVJtxXNbY6zsmPIr2KqmhFMhs/s1600/controls.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1PlbRgW9bevIdBNeL_3W0iCK9iHTWTwgB_G5nCqXQa4WFofAKJXNXcMvEu3mTR-2d7l3OyGFUYmwNZP0FIGLxzV7Ww1JbN7WfV5iQCYmtdAP1MdI1WYrnVJtxXNbY6zsmPIr2KqmhFMhs/s1600/controls.png) repeat-y -211px 0;}#cboxContent{background:#fff; overflow:visible;}#cboxLoadedContent{margin-bottom:5px;}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgNksfKiAa0M5Da77hF9L7m3ai1dl5bZPW6rsTgu3L38i2ByyvE5EMcJRJ9STNi9Y7_bPN1OqCLASzxVrTUXlWOBHdeTEAXxawEqADcG4-Q1a_S0ri4KEfnunC7HQqVFZQ6Mya3tlfezb_/s1600/loading-background.png) no-repeat center center;}#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_qiRymoz5god82PvQY7NU94sj1S5JPU9Dj4XP6v13kRRpUPNJp7HsbC9pkSLlcZRRD6Z4wMZ1-0xcrvj25S8mjBcgC9Gxcai_MDDwXN8b-TTrGpb7mu3zr4n1JEypF_OMWWeGtn3WERk7/s1600/loading.gif) no-repeat center center;}#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1PlbRgW9bevIdBNeL_3W0iCK9iHTWTwgB_G5nCqXQa4WFofAKJXNXcMvEu3mTR-2d7l3OyGFUYmwNZP0FIGLxzV7Ww1JbN7WfV5iQCYmtdAP1MdI1WYrnVJtxXNbY6zsmPIr2KqmhFMhs/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}#cboxPrevious{left:0px; background-position: -51px -25px;}#cboxPrevious.hover{background-position:-51px 0px;}#cboxNext{left:27px; background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0px;}#cboxClose{right:0; background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0px;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}/*-----------------------------------------------------------------------------------*//* Facebook Likebox popup For Blogger/*-----------------------------------------------------------------------------------*/#subscribe {font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;}#subscribe a,#subscribe a:hover,#subscribe a:visited {text-decoration:none;}.box-title {color: #3B5998;font-size: 20px !important;font-weight: bold;margin: 10px 0;border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC;padding:10px;line-height:25px; font-family:arial !important;}.box-tagline {color: #999;margin: 0;text-align: center;}#subs-container {padding: 35px 0 30px 0;position: relative;}a:link, a:visited {border:none;}.demo {display:none;}</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script><script type="text/javascript">jQuery(document).ready(function(){if (document.cookie.indexOf('visited=true') == -1) {var fifteenDays = 1000*60*60*24*30;var expires = new Date((new Date()).valueOf() + fifteenDays);document.cookie = "visited=true;expires=" + expires.toUTCString();$.colorbox({width:"400px", inline:true, href:"#subscribe"});}});</script><!-- This contains the hidden content for inline calls --><div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><h3 class="box-title">Για να λαμβάνετε όλες τις ενημερώσεις μέσω Facebook.Απλά κάντε κλίκ στο like button και γίνετε μέλη<center><p style="line-height:3px;" >΅</p></center></h3><center><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/%CE%A0%CF%89%CF%82-%CF%86%CF%84%CE%B9%CE%B1%CF%87%CE%BD%CF%89-blog-pos-ftiaxno-blog/427751680643253&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:7px; color:#3B78CD; text-decoration:none;" href=https://posftiaxnoblog.blogspot.com/p/blogger-widgets.html>blogger widgets</a></p></div></div>
με το url της δικη σας σελιδας στο facebook
και αν θελετε βρειτε και αυτο που λεει
Για να λαμβάνετε όλες τις ενημερώσεις μέσω Facebook.Απλά κάντε κλίκ στο like button και γίνετε μέλη
και γραψτε κατι δικο σας
pop up facebook like box δευτερη εκδοση
αλλο ενα Pop up like box για το facebook στην παρακατω εικονα βλεπετε πως ειναιpopup |
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />Τωρα θα πρεπει να αλλαξετε τα κοκκινα γραμματα με το λινκ σας στο facebook και αν θελετε αλλαζετε τα μπλε με κατι δικο σας
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>
<div id="dialog" title="Get updates via Facebook">
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=Εδω το λινκ του facebook&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:285px; height:258px;" allowtransparency="true"></iframe></center>
<center style="float:right; margin-right:10px;">
<!-- Please don't remove credit -->
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:7px; color:#3B78CD; text-decoration:none;" href=https://posftiaxnoblog.blogspot.com/p/blogger-widgets.html>blogger widgets</a></p></center></div>
Τριτη εκδοση η οποια μπαινει οπως και αλλες δυο πιο πανω και δε ξεχναμε να αλλαξουμε τα κοκκινα γραματα με το δικο σας λινκ.
popup |
<!-- Please don't remove credit --><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%;}#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/AVvXsEhCtw8mr-KvwpfIhSDO3NRkI0FwPpUSWHmnCD4dnt1XhsW_oEJUiHgTCZlvpjic_jZJ7SjpwCpu0UrHJ8LhCgICHj5QrqENt7ySp_rDO_36WHICVTJOIISem4kAmryPUO1zH6nfiDKAQZIy/s1600-rw/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;}</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 IEoptions.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=τολινκσαςστο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; width: 402px; height: 230px;'></iframe>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:7px; color:#3B78CD; text-decoration:none;" href=https://posftiaxnoblog.blogspot.com/p/blogger-widgets.html>blogger widgets</a></p></center></div>
Pop Up Like Box με χρονομετρο</div></div>
Η τεταρτη εκδοση με χρονομετρο μπαινει σα gadget και μπορειτε να αλλαξετε το χρονο οσο θελετε στο συγκεκριμενο ειναι δεκα δευτερολεπτα.
popup |
Για να αλλαξετε το χρονο βρειτε αυτη τη γραμμουλα στο κωδικο var sec = 10 και βαλτε οσα δευτερα εσεις θελετε. Μετα βρειτε και αυτην Please Wait <span>10</span> Seconds...!!! και βαλτε παλι τα ιδια.
Στη παραπανω γραμμουλα μπορουμε να αλλαξουμε και το please wait με παρακαλω περιμενετε η οτι αλλο θελετε εσεις και το seconds με δευτερολεπτα
Εχει και κουμπακι κλεισιματος διπλα απο το χρονομετρο το οποιο αν θελετε αφαιρειτε. Για να το αφαιρεσετε βρειτε αυτο το κομματακι κωδικου και διαγραψτε το.
<a href="http://www.blogger.com/blogger.g?blogID=907945876007909603#" id="exepopupclose" onclick="return false;">Κλείσε με</a>
Αν δε θελετε να το διαραψετε μπορειτε να αλλαξετε αυτο που λεει κλεισε με με κατι δικο σας
Βρειτε και αν θελετε αυτο Join Us On Facebook και γραψτε οτι θελετε εσεις.
Μη ξεχασετε να αλλαξετε το https://www.facebook.com/pages/%CE%A0%CF%89%CF%82-%CF%86%CF%84%CE%B9%CE%B1%CF%87%CE%BD%CF%89-blog-pos-ftiaxno-blog/427751680643253?ref=hl με τη δικη σας σελιδα στο facebook
Το μονο κακο που εχει κατα τη γνωμη μου ειναι πως καθε φορα που ερχεται καποιος στο blog σας θα το βρισκει μπροστα του.
Οριστε ο κωδικος
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<br />
<!--NBL Facebook POPUP LikeBox With Timer Code Start -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js" type="text/javascript"></script>
<style type="text/css">
#exepopup{background-color:#fff;position: fixed;top:50%;z-index:9999;display:none;padding:0px;left:50%;border:10px solid rgba(82, 82, 82, 0.7);-webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */-webkit-border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;width:400px;height:360px;margin-left:-200px;margin-top:0px;overflow:hidden;}#exepopup span{font-size:20px !important;font-weight:bold !important;}#exepopup h1{background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyHJUJ9XPqaoXgTmhCaxoePdohfNHj1esn5pXh-UX_yHeimopcYwiQ-gY5K9jkT7FFXzfbb8OQ_YzYCxCR9vybLoS8xhA_LM2jUEt8IKJleQe_-keoMO5MK6jtRur83TRZRws2H95E7xs/s1600/NBL.png) 98% no-repeat;border:1px solid #3b5998 !important;color:#FFFFFF !important;font-size:20px !important;font-weight:700 !important;padding:5px !important;margin:0 !important;font-family:'"lucida grande",tahoma,verdana,arial,sans-serif !important;overflow:hidden !important;}.exepopupdata{font-size:12px !important;font-weight:normal !important;height:265px !important;padding:1px !important;background:#fff !important;border-bottom:2px solid #ddd;overflow:hidden !important;}#exepopupfooter{text-align:left;background:#F2F2F2 !important;height:56px !important;padding:10px 10px 10px 10px !important;overflow:hidden !important;}#exepopupclose{float:right;background-color:#eee !important;border:1px solid #ccc !important;color:#111 !important;font-weight:bold !important;padding:5px 8px 5px 8px !important;text-decoration:none !important;display:inline-block !important;font-family:'"lucida grande",tahoma,verdana,arial,sans-serif !important;outline:none !important;position:relative !important;font-size:18px !important;margin:1px !important;}#exepopupclose:active{top:1px;left:1px;}</style>
<script type="text/javascript">
jQuery(document).ready(function() {
function exepopupfunc() {
var sec = 10
var timer = setInterval(function() {
$("#exepopupfooter span").text(sec--);
if (sec == 0) {
$("#exepopup").fadeOut("slow");
clearInterval(timer);
}
},1000);
var exepopupwindow = jQuery(window).height();
var exepopupdiv = jQuery("#exepopup").height();
var exepopuptop = jQuery(window).scrollTop()+50;
jQuery("#exepopup").css({"top":exepopuptop});}
jQuery(window).fadeIn(exepopupfunc).resize(exepopupfunc)
//alert(jQuery.cookie('sreqshown'));
//var exepopupww = jQuery(window).width();
//var exepopupwww = jQuery("#exepopup").width();
//var exepopupleft = (exepopupww-exepopupwww)/2;
var exepopupleft = 500;
//var exepopupwindow = jQuery(window).height();
//var exepopupdiv = jQuery("#exepopup").height();
//var exepopuptop = (jQuery(window).scrollTop()+exepopupwindow-exepopupdiv) / 2;
jQuery("#exepopup").animate({opacity: "1", left: "0" , left: exepopupleft}, 0).show();
jQuery("#exepopupclose").click(function() {
jQuery("#exepopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
</script>
<div id="exepopup">
<h1>
Join Us On Facebook</h1>
<div class="exepopupdata">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/%CE%A0%CF%89%CF%82-%CF%86%CF%84%CE%B9%CE%B1%CF%87%CE%BD%CF%89-blog-pos-ftiaxno-blog/427751680643253?ref=hl&width=400&colorscheme=light&show_faces=true& border_color=%23fff&stream=false&header=false&height=250" style="border: none; height: 250px; overflow: hidden; width: 400px;"></iframe></div>
<div id="exepopupfooter">
Please Wait <span>10</span> Seconds...!!!<a href="http://www.blogger.com/blogger.g?blogID=907945876007909603#" id="exepopupclose" onclick="return false;">Κλείσε με</a>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:7px; color:#3B78CD; text-decoration:none;" href=https://posftiaxnoblog.blogspot.com/p/blogger-widgets.html>blogger widgets</a></p>
</div>
</div>
<!--NBL Facebook POPUP LikeBox With Timer Code End -->
<span><span></span></span>