Σελίδες

Translate

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

24.11.12

Facebook Popup Like Box

Με το που μπαίνετε για πρώτη φορά στο blog, ένα light box εμφανίζεται και δείχνει στους επισκέπτες σας να πατήσουν και να γίνουν fans. 


  • Σύνδεση στον Blogger
  • Διάταξη / Προσθήκη gadget
  • Επιλέξτε HTML/JavaScript
  • Επικολλήστε τον παρακάτω κώδικα:



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-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%;}#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:#000;opacity:0.5 !important;}#colorbox{/*box-shadow*/-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);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/AVvXsEjDPMpHWi5TX6nqXhxs5q0wtjXodarEVSMftcKE48FoLmNCaxnbvWPGAiJ3fA0viiUiLj14PDddv6_YQHhBbokwKDsN0YFnkgoSlTyitduGx4ZaZayRPWHtZe9bGf4e38jE2MXITZYNz9L2/s1600/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivDtWnxHNWTrZ3GoY_fA2ykB_pegMpclLYOWDMxYyfe2pb1DkRdKa8Y7xOrkfa90qNbqmAqucdbSZSaL5cYuXbGSDy8OI1JzyZq7IqQgUxRYT3tZh0hObKSP-e1I9MuEcehYQKz1TazVsT/s1600/border.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDPMpHWi5TX6nqXhxs5q0wtjXodarEVSMftcKE48FoLmNCaxnbvWPGAiJ3fA0viiUiLj14PDddv6_YQHhBbokwKDsN0YFnkgoSlTyitduGx4ZaZayRPWHtZe9bGf4e38jE2MXITZYNz9L2/s1600/controls.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDPMpHWi5TX6nqXhxs5q0wtjXodarEVSMftcKE48FoLmNCaxnbvWPGAiJ3fA0viiUiLj14PDddv6_YQHhBbokwKDsN0YFnkgoSlTyitduGx4ZaZayRPWHtZe9bGf4e38jE2MXITZYNz9L2/s1600/controls.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivDtWnxHNWTrZ3GoY_fA2ykB_pegMpclLYOWDMxYyfe2pb1DkRdKa8Y7xOrkfa90qNbqmAqucdbSZSaL5cYuXbGSDy8OI1JzyZq7IqQgUxRYT3tZh0hObKSP-e1I9MuEcehYQKz1TazVsT/s1600/border.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDPMpHWi5TX6nqXhxs5q0wtjXodarEVSMftcKE48FoLmNCaxnbvWPGAiJ3fA0viiUiLj14PDddv6_YQHhBbokwKDsN0YFnkgoSlTyitduGx4ZaZayRPWHtZe9bGf4e38jE2MXITZYNz9L2/s1600/controls.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDPMpHWi5TX6nqXhxs5q0wtjXodarEVSMftcKE48FoLmNCaxnbvWPGAiJ3fA0viiUiLj14PDddv6_YQHhBbokwKDsN0YFnkgoSlTyitduGx4ZaZayRPWHtZe9bGf4e38jE2MXITZYNz9L2/s1600/controls.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDPMpHWi5TX6nqXhxs5q0wtjXodarEVSMftcKE48FoLmNCaxnbvWPGAiJ3fA0viiUiLj14PDddv6_YQHhBbokwKDsN0YFnkgoSlTyitduGx4ZaZayRPWHtZe9bGf4e38jE2MXITZYNz9L2/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/AVvXsEj93h_av3inMS3qOhoE0Nv0v9Dfc92xq4jtDEkv22j-QSqqZ6cDEB680_f8lROwL5wk7KkAOsGz2XpUCDHoXolJeHXvn8Bt30LC8uNJOdIU9_3L82tkbzvI1SH-78Cm9VSA5oXrwfFvaire/s1600/loadingbackground.png) no-repeat center center;}#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF0MDgr6pnCm1aS93B2-2HfEy5MZMV2X6D5Kbzm9QR63N_rp3EXezFAbDSwSJ3OR_bq7M-sMHSUY0PgBjhsXmd3mPLabdccvlN4gfzFAkibx5C2glws-RQ5rXk3MUmu9dXApgzM-lpSCVK/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/AVvXsEjDPMpHWi5TX6nqXhxs5q0wtjXodarEVSMftcKE48FoLmNCaxnbvWPGAiJ3fA0viiUiLj14PDddv6_YQHhBbokwKDsN0YFnkgoSlTyitduGx4ZaZayRPWHtZe9bGf4e38jE2MXITZYNz9L2/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;}#btt{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#btt a, #btt a:hover, #btt a:visited{text-decoration:none;}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:25px;font-family:arial !important;}.mdbox-tagline{color:#999;margin:0;text-align:center;}#mdsubs-container{padding:35px 0 30px 0;position:relative;}a:link, a:visited{border:none;}.demo{display:none;}</style><script src="http://yourjavascript.com/3093182329/btt_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:"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/AVvXsEinEra2659kFCMXoMpfyuPO74g8hghfeLbWhgTUtn3ShlVP2mMtLjVaS7YeAgn6-eW6-QQuJIBanvBn0BIxGKohvBLhuKk1hBQpK3JxEgFp9BDTGtzNyd2otelSeh2Xx_oKOjrX8cMJMvbE/s1600/background+image.png" border="0" height="300" style="width: 505px;"><tbody><tr><td height="345" width="505"><div align="right">

<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Bloger-Tips-and-Tricks/125617564262559&amp;width=330&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:330px; 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://blogertipsandtricks.blogspot.gr/2012/11/facebook-popup-like-box.html" target='_blank'>BlogerTipsandTricks</a></p></div></div>


  • Αντικαταστήστε https://www.facebook.com/pages/Bloger-Tips-and-Tricks/125617564262559 με το δικό σας αντιγράφοντάς το από τον Browser και πατήστε αποθήκευση.
  • ΤΕΛΟΣ


2 σχόλια: