Facebook like box με χρονόμετρο

Καλησπέρα σε όλους, σήμερα σας έχω ένα gadget που θα βοηθήσει στην αύξηση των θαυμαστών για την σελίδα σας στο facebook. Συγκεκριμένα είναι ένα κουτί σαν το διπλανό στην φωτογραφία που πετάγεται την ώρα που ανοίγει κάποια σελίδα, παρόμοιο αλλά όχι το ίδιο με ένα πιο παλιό που δημοσίευσα εδώ: facebook like box. Αυτό που θα σας δώσω σήμερα έχει μετρητή τον οποίο μπορείτε να ρυθμίσετε εσείς για το πόσα δευτερόλεπτα θέλετε να εμφανίζεται προτού κλείσει, φυσικά υπάρχει και ένα κουμπί το οποίο μπορεί ο χρήστης να το κλείσει άμεσα χωρίς να είναι αναγκασμένος να περιμένει.

Όπως ξέρουμε είναι αρκετά εκνευριστικό να πετάγεται αυτό το κουτί σε κάθε φόρτωση μιας σελίδας γιαυτό υπάρχει μια ρύθμιση που μπορείτε να κάνετε το κουτάκι να εμφανίζεται μετά από κάποια ώρα ξανά (θα το δούμε πιο κάτω πως γίνεται).

Για να το βάλετε και εσείς απλά

• συνδεθείτε στο blogger και επιλέξτε το blog σας
• από το μενού πατήστε "Διάταξη" και "Προσθήκη gadget"
• στο παράθυρο που ανοίγει διαλέξτε το "HTML/JavaScript" και βάλτε εκεί μέσα τον πιο κάτω κώδικα.

Προσοχή: εκεί που γράφει με κόκκινα γράμματα "Εδώ βάζετε το url της σελίδας σας στο facebook" το αφαιρείτε και βάζετε την διεύθυνση της σελίδας σας στο facebook. Ακριβώς πιο πριν υπάρχουν τα timeout: 11, wait: 0,

εκεί που γράφει 11 είναι τα δευτερόλεπτα που μένει ανοιχτώ το παράθυρο (μπορείτε να το αλλάξετε και να βάλετε όσα δευτερόλεπτα θέλετε),  και το 0 σημαίνει ότι θα πετάγεται το facebook popup box κάθε φορά που φορτώνετε η σελίδας (αυτό μπορείτε να το κάνετε 5 για να μην ανοίγει σε κάθε loading).

Αν υπάρχει κάποια απορία αφήστε σχόλιο να βοηθήσω!

Κώδικας:

<script type="text/javascript"> //<![CDATA[ KNFBFansPRO='FanPage' //]]> </script> <style> #fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #008CDB;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#3B5998;text-align:left;font-family:arial,sans-serif;font-size:13px; } #fblikepop body{background:#FFF none repeat scroll 0%;line-height:1;margin:0pt;height:100%; } .fbflush{cursor:pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important; } #fblikebg{display:none;position:fixed;_position:absolute; /* play on IE */height:100%;width:100%;top:0;left:0;background:#000000;z-index:100; } #fblikepop #closeable{float:right;margin:7px 15px 0 0; } #fblikepop h1{background:#3B5998 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !important;font- weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important; } #fblikepop #actionHolder{height:30px;overflow:hidden;} #fblikepop #buttonArea{background:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px; } #fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important; } #fblikepop #buttonArea a:hover {color:#3B5998!important;text-decoration:none !important;border:0 !important; } #fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !important; } #fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px; } </style> <script src="//connect.facebook.net/en_US/all.js#xfbml=1" type="text/javascript"></script> <script src="https://lefta4klikhost.googlecode.com/svn/trunk/fbpopup-timer.js" type="text/javascript"></script> <script language="javascript"> //<![CDATA[ $(document).ready(function(){ $().KNFBFansPRO({ timeout: 11, wait: 0, url: 'Εδώ βάζετε το url της σελίδας σας στο facebook', closeable: true }); }); //]]> </script> <div style="height: 250px; overflow: hidden;"> <a href="http://lefta4klik.blogspot.gr/" rel="dofollow" target="_blank" title="Blogger Tricks"><img alt="Blogger Tricks" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIHKaj2rhhM69lxPxI7ErBiAp1BLIKtxCYB2tsuBFEq0cOnFf49fXAOfim8C3sx5zwuqYqi1a0EVu4NMVAPZUGypRpm90M7TXcrUVZ1pEzwTsz_9SVFuRpCOg6CsDbUBJFb_oAYz5_UI/h120/blank.gif" style="bottom: 10%; position: fixed; right: 0%; top: 0px;" /></a><a href="http://lefta4klik.blogspot.com/" rel="dofollow" target="_blank" title="Tips Bloggers"><img alt="Tips Bloggers" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIHKaj2rhhM69lxPxI7ErBiAp1BLIKtxCYB2tsuBFEq0cOnFf49fXAOfim8C3sx5zwuqYqi1a0EVu4NMVAPZUGypRpm90M7TXcrUVZ1pEzwTsz_9SVFuRpCOg6CsDbUBJFb_oAYz5_UI/h120/blank.gif" style="bottom: 10%; position: fixed; right: 0%;" /></a><a href="http://lefta4klik.blogspot.gr/" rel="dofollow" target="_blank" title="Blogger tips"><img alt="Blogger tips" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIHKaj2rhhM69lxPxI7ErBiAp1BLIKtxCYB2tsuBFEq0cOnFf49fXAOfim8C3sx5zwuqYqi1a0EVu4NMVAPZUGypRpm90M7TXcrUVZ1pEzwTsz_9SVFuRpCOg6CsDbUBJFb_oAYz5_UI/h120/blank.gif" style="bottom: 10%; left: 0%; position: fixed;" /></a> </div>