jQuery Facebook Popup Like Box v2

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

Ένα νέο gadget που το συναντάτε κάθε φορά που μπαίνετε σε μια Σελίδα. Ορισμένοι θα το έχουν δει και στη δική μου Σελίδα. Με το που μπαίνετε για πρώτη φορά ένα light box ξεπροβάλλει και δείχνει στους επισκέπτες σας να πατήσουν και να γίνουν fans. Είναι μια παραλλαγή της γνήσιας έκδοσης από τη Σελίδα www.mybloggertricks.com. Είμαι σίγουρος πως θα το λατρέψετε. Ακολουθήστε τα παρακάτω βήματα για να το εγκαταστήσετε στη Σελίδα σας.
  • Σύνδεση στον Blogger
  • Σχεδίαση / Προσθήκη gadget
  • Επιλέξτε HTML/JavaScript
  • Επικολλήστε τον παρακάτω κώδικα:

<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;}
/*

User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & 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(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(http://2.bp.blogspot.com/-bMneOFi_UDo/Txohpge3Z9I/AAAAAAAAF0s/AbVgxX9pXtQ/s400/loadingbackground.png) no-repeat center center;}
#cboxLoadingGraphic{http://3.bp.blogspot.com/-SKktU1-SCCw/TxohpRB19LI/AAAAAAAAF0Y/iwIo3LnjoE0/s400/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(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/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;}


</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<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:"390px", inline:true, href:"#subscribe"});}});</script>

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<center><h3 class="box-title"><img alt='' src='http://3.bp.blogspot.com/-L_HuZJEw6no/T3hnoGLHZgI/AAAAAAAAAdU/RUxTnUHbBUk/s1600/subscribe.gif'/></h3> </center>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:270px;" allowtransparency="true"></iframe>
</center>

<!--Σας παρακαλώ να μη πειράξετε τον σύνδεσμο, είναι διακριτικός-->
<p style=" float:right; margin-right:10px;" > <a style=" font-size:7px; color:#3B78CD; text-decoration:none;" href="http://www.bloggertipsandtricks.net/2012/04/jquery-facebook-popup-like-box-v2.html" target='_blank'>Blogger Tips & Tricks</a></p>
</div>
</div>
  • Αντικαταστήστε TO LINK ΤΗΣ  ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOKμε το δικό σας link που αντιστοιχεί στη Σελίδα σας και πατήστε αποθήκευση.
Μην ανησυχήσετε αν δεν το δείτε παραπάνω από μια φορά. Το gadget θα δουλεύει εξίσου καλά. Είναι για νέους επισκέπτες που θα ήθελαν να σας δείξουν την αγάπη τους.
Κυκλοφόρησε η νέα εκδοχή του gadget. Όποιος θέλει να το αλλάξει ας δει ΕΔΩ!

10 comments:

  1. Hi there, everything is going perfectly here and ofcourse every one is sharing data, that�s genuinely excellent, keep up writing.
    my web page - coop travel insurance

    ReplyDelete
  2. δεν λειτουργει καθολου σε μενα...
    αν ξερεις κανενα αλλλο τετοιου ειδους gadjet στειλτο εδω

    ReplyDelete
    Replies
    1. Συνήθως στα έτοιμα πρότυπα του Blogger δε λειτουργεί τίποτα. Όταν αλλάξεις πρότυπο θα λειτουργήσει.

      Delete
  3. Φίλε μου είσαι Θεός!!! το έψαχνα 2 μέρες! σε ευχαριστώ πολύ!!!

    ReplyDelete
  4. είναι τελειο και λειτουργεί και σε joomla...όμως θα ήθελα να έχει την δυνατότητα να κλείνει όπως το δικό σου... μπορείς να κάνεις κάτι γι αυτό...?

    ReplyDelete
    Replies
    1. Θα ανέβει σήμερα η νέα version. Σαν το δικό μου.

      Delete
  5. To βαζω στο blog μου, μου το εμφανιζει , αλλα κενο, δεν δειχνει την σελιδα μου στο facebook, μπορεις να μου πεις το γιατι ?

    ReplyDelete
    Replies
    1. Σίγουρα κάτι δεν κάνεις καλά όταν βάζεις ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΟΥ ΣΤΟ FACEBOOK. Όταν μπαίνεις στη Σελίδα του Facebook κάνε δεξί κλικ στον browser και αντέγραψε το link σου. Μόνο έτσι θα δείξει σωστά.

      Delete
  6. Κυκλοφόρησε νέος βελτιωμένος κώδικας γι' αυτό το gadget. Δείτε ΕΔΩ

    ReplyDelete
  7. Φανταστικό!! Ευχαριστώ πολύ!!!

    ReplyDelete

 
back to top