PopUp Facebook Like Box with Mr-Bean Cartoon


Άλλο ένα Gadget popup like box έρχεται να καλωσορίσει τους αναγνώστες σας και να τους αποσπάσει ένα like. Ίσως να έχει πολυφορεθεί αυτού του είδους gadget, αλλά είναι αποδεδειγμένο ότι αποσπά πιο εύκολα το like σε σχέση με άλλα συντηρητικά gadgets τέτοιου τύπου.
Το περιεχόμενο μιας Σελίδας φυσικά είναι το κλειδί.
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&amp;width=320&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;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 με το δικό σας και πατήστε αποθήκευση.
Για να δείτε ότι δουλεύει το έχω αφήσει να εμφανίζεται σε κάθε ανανέωση της Σελίδας. Για να το απενεργοποιήσετε και να εμφανίζεται "μια φορά στις τόσες" αντικαταστήστε το ('visited=false') με ('visited=true')

ΠΑΡΑΚΑΛΟΥΜΕ ΠΟΛΥ ΝΑ ΑΦΗΣΕΤΕ ΩΣ ΕΧΕΙ ΤΟΝ ΣΥΝΔΕΣΜΟ ΠΟΥ ΟΔΗΓΕΙ ΣΤΗ ΣΕΛΙΔΑ ΜΑΣ ΩΣ ΕΝΔΕΙΞΗ ΣΕΒΑΣΜΟΥ ΠΡΟΣ ΤΗΝ ΠΡΟΣΠΑΘΕΙΑ ΠΟΥ ΚΑΤΑΒΑΛΟΥΜΕ ΓΙΑ ΝΑ ΣΑΣ ΠΑΡΟΥΣΙΑΣΟΥΜΕ ΔΩΡΕΑΝ ΥΨΗΛΗΣ ΠΟΙΟΤΗΤΑΣ GADGETS.




1 σχόλιο: