Άλλο ένα Gadget popup like box έρχεται να καλωσορίσει τους αναγνώστες σας και να τους αποσπάσει ένα like. Ίσως να έχει πολυφορεθεί αυτού του είδους gadget, αλλά είναι αποδεδειγμένο ότι αποσπά πιο εύκολα το like σε σχέση με άλλα συντηρητικά gadgets τέτοιου τύπου.
Το περιεχόμενο μιας Σελίδας φυσικά είναι το κλειδί.
DEMO
Ακολουθήστε τα παρακάτω βήματα για να το εγκαταστήσετε στη δική σας Σελίδα:
Το περιεχόμενο μιας Σελίδας φυσικά είναι το κλειδί.
DEMO
Ακολουθήστε τα παρακάτω βήματα για να το εγκαταστήσετε στη δική σας Σελίδα:
- Σύνδεση στον Blogger
- Διάταξη / Προσθήκη gadget
- Επιλέξτε HTML/JavaScript
- Επικολλήστε τον παρακάτω κώδικα:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<style>
#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%; height: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;}
#cboxOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizSTLPNTD1ViLGYV-BPZH1PFuIf0zRwsan-HNqdLI7_iy8f-djmR-gpPaCFN6OStf2e_oLxLslB9msVrjcUQmBw2kfR8rzJLWsV2TIp501hwgu9mHyEdxTrB1sQ9YqeUOE3BOKzXWK-szI/s1600/overlay.png) repeat 0 0;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oMiW8QYBLkhoIxd7twqEl9LxSz54jnz3sEefLvffEdNGyJ8Zhkvl0pB4M4VrVgXSyiSIogzDp-bnaQk3zdJpef6bTtD1nm4kALy_97Njsn3O_Cr5YPLk8ctphROWOkKifxENZmP1SZzW/s1600/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oMiW8QYBLkhoIxd7twqEl9LxSz54jnz3sEefLvffEdNGyJ8Zhkvl0pB4M4VrVgXSyiSIogzDp-bnaQk3zdJpef6bTtD1nm4kALy_97Njsn3O_Cr5YPLk8ctphROWOkKifxENZmP1SZzW/s1600/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oMiW8QYBLkhoIxd7twqEl9LxSz54jnz3sEefLvffEdNGyJ8Zhkvl0pB4M4VrVgXSyiSIogzDp-bnaQk3zdJpef6bTtD1nm4kALy_97Njsn3O_Cr5YPLk8ctphROWOkKifxENZmP1SZzW/s1600/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oMiW8QYBLkhoIxd7twqEl9LxSz54jnz3sEefLvffEdNGyJ8Zhkvl0pB4M4VrVgXSyiSIogzDp-bnaQk3zdJpef6bTtD1nm4kALy_97Njsn3O_Cr5YPLk8ctphROWOkKifxENZmP1SZzW/s1600/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oMiW8QYBLkhoIxd7twqEl9LxSz54jnz3sEefLvffEdNGyJ8Zhkvl0pB4M4VrVgXSyiSIogzDp-bnaQk3zdJpef6bTtD1nm4kALy_97Njsn3O_Cr5YPLk8ctphROWOkKifxENZmP1SZzW/s1600/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oMiW8QYBLkhoIxd7twqEl9LxSz54jnz3sEefLvffEdNGyJ8Zhkvl0pB4M4VrVgXSyiSIogzDp-bnaQk3zdJpef6bTtD1nm4kALy_97Njsn3O_Cr5YPLk8ctphROWOkKifxENZmP1SZzW/s1600/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZwqzgYB4buAZ13cLKvEaCmPm1BuwY1ympwKvGxmD9GzVt2G34ZjojUGAjO3ag9-egDgclJg779xPsg6GELRBNYuhXi5IZDzSsl_7ppmTEefm_hKvlF3mUdIwAeJhCRiNHu5WtHye8wIa/s1600/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZwqzgYB4buAZ13cLKvEaCmPm1BuwY1ympwKvGxmD9GzVt2G34ZjojUGAjO3ag9-egDgclJg779xPsg6GELRBNYuhXi5IZDzSsl_7ppmTEefm_hKvlF3mUdIwAeJhCRiNHu5WtHye8wIa/s1600/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oMiW8QYBLkhoIxd7twqEl9LxSz54jnz3sEefLvffEdNGyJ8Zhkvl0pB4M4VrVgXSyiSIogzDp-bnaQk3zdJpef6bTtD1nm4kALy_97Njsn3O_Cr5YPLk8ctphROWOkKifxENZmP1SZzW/s1600/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oMiW8QYBLkhoIxd7twqEl9LxSz54jnz3sEefLvffEdNGyJ8Zhkvl0pB4M4VrVgXSyiSIogzDp-bnaQk3zdJpef6bTtD1nm4kALy_97Njsn3O_Cr5YPLk8ctphROWOkKifxENZmP1SZzW/s1600/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLEE1LkOxk2I3re_impy9VE1RuSlylxFTDEDMEWZP_qYKsGKVPkPC5IGWXSq4hLW0KbuuiQ7Ewnx9It2avDUtkU7zSf6txLcyfVPbo1u4t6JgzvBOlB8NAD6IM1RrLUBUFeSQv1yQghx6l/h120/loading.gif) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLEE1LkOxk2I3re_impy9VE1RuSlylxFTDEDMEWZP_qYKsGKVPkPC5IGWXSq4hLW0KbuuiQ7Ewnx9It2avDUtkU7zSf6txLcyfVPbo1u4t6JgzvBOlB8NAD6IM1RrLUBUFeSQv1yQghx6l/h120/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oMiW8QYBLkhoIxd7twqEl9LxSz54jnz3sEefLvffEdNGyJ8Zhkvl0pB4M4VrVgXSyiSIogzDp-bnaQk3zdJpef6bTtD1nm4kALy_97Njsn3O_Cr5YPLk8ctphROWOkKifxENZmP1SZzW/s1600/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
.cboxIE6 #cboxTopLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2-axMQ_S9kf-HbxgGSspIFWKuO8PIl6MuPwqngwf6Q2RHJ8kb9MWeqiK1lSGk6k-P4jfhtmZFGzoHvt5fRaBysi9NcBsN3N-SKV_-Gvb_CJouiQPtRGDcb1jT5hMJjdEvDHCXhi1XVjTI/s1600/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp-Zj6KMO1UBUlCtRVsshTXBp-cvDtMjjAdaqQk_S9OHyVLe9tLWac95-9eHpAHr5_88uGPv_vLj3OvZnu_Fj4QeF_eFOREAcTFgk9Zw-YeZru6aKoobk85UxL6LmAx9Eic-kKUfyCCQqP/s1600/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGuuQ3TRfR8LipW871m91IamD5r6djIXf5bn_rVDdj4ZM-YyFZPWqQcIMIdJWyiyDs9YryHikU0Qmrj8CjQ42ZKLFzlc17SK3f9xLzRlVzpnbHdvQyfw4r_KuiSNnjHtDYbwaEnAH5kac/s1600/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGuuQ3TRfR8LipW871m91IamD5r6djIXf5bn_rVDdj4ZM-YyFZPWqQcIMIdJWyiyDs9YryHikU0Qmrj8CjQ42ZKLFzlc17SK3f9xLzRlVzpnbHdvQyfw4r_KuiSNnjHtDYbwaEnAH5kac/s1600/borderTopRight.png);}
.cboxIE6 #cboxBottomCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjppzguCXcaZ6qiZ3Bk6iXgh3WysbGcy7sBVYEn0qEBR1aryXxYBSQx-dI1GX6jP1h5b4jNW2MkxeieSEEJVLkNqlUbH8Rr0nnbRQjzZdCryqR9o7esTw2PGi33IZtcsxYyPBh_0GZYXy69/s1600/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9e2enoOiQgtk3j1e3Gsc1R__gjCMvXb_nYVWApNWFn4cgsTvfv3xCFko1VgRT3QTed2uTBG-MhDKWE6xKRzo3K-fQx1TAKSt7NQDWODbMdE6kD9XJDPlWhEYzjYwaqkGsrr6TWXlWOmzo/s1600/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQnZHUS5sZ3VvA4xbMrYp38xyEFQhLY7GCKi75HsoNIcvAmjqqQ5z3Z7j_AHDZLAfQWcrgcYvF5mH4oGFL7tcb811us2wEcBEpQl01FcqjyBunz2EqORdVQJXA2VD8J7TexxWyGTd173dk/s1600/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8TTq8gCRklcIn5tV2Rt5_Q01yAtMQ6mFREQBu03uIxM1B-oBMFG8gjTWE0h8iUjpAz9KhrmFr66tBCP2Tr_D7ncrMxh7_AdQHZKIfw2nitoSwCsXt5pSAseag9he8yUxYIVbRX-JqC2xk/s1600/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.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="https://bloggertipsandtricks.googlecode.com/svn/trunk/color-box.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=false') == -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:"600px", inline:true, href:"#btt"});
}
});
</script> <div style='display:none'><div id='btt' style='padding:10px; background:#fff;'><center><table align="center"background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV4oUzqmUIWLX__SkpFTVdyPo8R76Qm61RijOFaIJwT7nSj_uMjSeCn0axyuZQraMI1WiJ-V3fKVwcQGBAuMNraGRURG66vL2Hxkj3BP1e7Cj61MVzhi9UivThkGADB25SRUltMFawsSHD/s1600/popup_fb2.jpg" border="0" height="300" style="width: 512px;"><tbody><tr><td height="342" width="513"><div align="right">
<iframe src="//www.facebook.com/plugins/likebox.php?href=ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK&width=320&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:320px; height:255px;" allowtransparency="true"></iframe></div></td></tr></tbody></table></center><p style=" float:right; margin-right:35px; font-size:6px;" >Powered By <a style=" font-size:6px; color:#3B78CD; text-decoration:none;" href="http://www.bloggertipsandtricks.net/2012/12/popup-facebook-like-box-with-mr-bean.html" target='_blank'>Blogger Tips and Tricks</a></p></div></div>
- Αντικαταστήστε ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK με το δικό σας και πατήστε αποθήκευση.
ΠΑΡΑΚΑΛΟΥΜΕ ΠΟΛΥ ΝΑ ΑΦΗΣΕΤΕ ΩΣ ΕΧΕΙ ΤΟΝ ΣΥΝΔΕΣΜΟ ΠΟΥ ΟΔΗΓΕΙ ΣΤΗ ΣΕΛΙΔΑ ΜΑΣ ΩΣ ΕΝΔΕΙΞΗ ΣΕΒΑΣΜΟΥ ΠΡΟΣ ΤΗΝ ΠΡΟΣΠΑΘΕΙΑ ΠΟΥ ΚΑΤΑΒΑΛΟΥΜΕ ΓΙΑ ΝΑ ΣΑΣ ΠΑΡΟΥΣΙΑΣΟΥΜΕ ΔΩΡΕΑΝ ΥΨΗΛΗΣ ΠΟΙΟΤΗΤΑΣ GADGETS.







.jpg)




































