Νέο facebook likebox αναδυόμενο παράθυρο v2

Σήμερα έφτιαξα ένα νέο πόπαπ με facebook likebox.Προσπάθησα να συμπεριλάβω όσο πιο λίγο κώδικα γίνεται.

Η εγκατάστασή του γίνεται εύκολα .Απλά πατήστε προσθήκη gadget στην Διάταξη ,προσθήκη HTML/javascript ,μετά αντιγραφή και επικόλληση του παρακάτω κώδικα ,αποθήκευση και αυτό ήταν.

Σημειώστε ότι το πόπαπ εμφανίζεται μόνο την πρώτη φορά που μπαίνετε στο σάιτ.Μετά για να ξαναεμφανιστεί απλά διαγράψτε το ιστορικό.

Τα κόκκινα αντικαταστήστε τα με την διεύθυνση της fanpage σας στο facebook.

<link rel="stylesheet" type="text/css" href="https://sites.google.com/site/russianblogumus/rublogumus/colorbox.css" /> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> <script type="text/javascript" src="https://sites.google.com/site/russianblogumus/rublogumus/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:"#periexomeno"}); } }); </script> <div style="display: none;"> <div  align='center' id="periexomeno"><p> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYu1mWHO5poQsnSvGY_D7CQm_IJi7rEjJf7qSBnxZkER8LxcbgzFajSBz6lXZXGSQQyF4X7_Thyv6-G7mw20HjbfMCux2zRgxnOQ_LTzj2Q3wM-xsgWpAvWXR-Eip0zCTSYD1ShjT4CX0S/s1600/400px-Friendly_stickman.svg.png" imageanchor="1" style=""><img border="0" height="160" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYu1mWHO5poQsnSvGY_D7CQm_IJi7rEjJf7qSBnxZkER8LxcbgzFajSBz6lXZXGSQQyF4X7_Thyv6-G7mw20HjbfMCux2zRgxnOQ_LTzj2Q3wM-xsgWpAvWXR-Eip0zCTSYD1ShjT4CX0S/s320/400px-Friendly_stickman.svg.png" /></a> <br /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Symvoules/266420366744792&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> </p> <!--Παρακαλώ να μην διαγράφετε τον σύνδεσμο.Μόνο αυτόν ζητάμε,όχι λεφτά. --> <p style=" float:right; margin-right:25px; font-size:9px;" >ο κώδικας από το <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://symvl.blogspot.com">Απλές συμβουλές blogger</a></p> </div> </div>

 Πρόβλημα!Αν δεν εμφανίζεται το πόπαπ αλλάξτε τη θέση του gadget μέσα στη Διάταξη.Βάλτε το κάτω κάτω στη δεξιά στήλη με τα gadgets ή στο footer

@Πνευματικά δικαιώματα ανάρτησης symvl.blogspot.com Επιτρέπεται η αντίγραφη με υποχρεωτικό ενεργό backlink πίσω στην πηγή με ένα κλικ.