Ads 468x60px

Πέμπτη, 7 Απριλίου 2016

PopUp Facebook with Timer

Φίλες και φίλοι γεια σας,σε αυτή την ανάρτηση θα δούμε τον τρόπο, το πως
μπορούμε να ενσωματώσουμε στο blog μας ένα popup window για το
facebook με χρονοδιακόπτη!Θα ανοίγει στο κέντρο της σελίδας μας δηλαδή
με το μπαίνει ο επισκέπτης και μετά από 15 sec θα κλείνει αυτομάτως!




Δείτε εδώ το DEMO




ΕΓΚΑΤΆΣΤΑΣΗ:


Για αρχή       κάντε BACK UP TO TEMPLATE ΣΑΣ και 

κατόπιν  αντιγράψτε τον ακόλουθο κώδικα αφού πρώτα βάλετε το 

δικό σας USERNAME στα 2 σημεία του κώδικα:

...................................................................................................................................................................

<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='USERNAME'
//]]>
</script>
<style>
#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius:

9px;margin:0pt;padding:0pt;color:#900000;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; /* hack for IE 8*/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:#900000 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:#900000 !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 type='text/javascript' src='https://sites.google.com/site/mmktricks/jquery.js'></script>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/fbpopup.js'></script>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 20,
wait: 0,
url: 'http://www.facebook.com/USERNAME',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code End -->

...................................................................................................................................................................

 και...

Πηγαίνετε blogger-->Πρότυπο


 Επεξεργασία HTML

κάνετε click μέσα στο template

και πατώντας Ctrl  + F  ψάχνεται

να βρείτε το: </body>
 

Μόλις το βρείτε κάντε επικόλληση τον κώδικα

ακριβώς από ΠΑΝΩ ΤΟΥ!


Πατήστε Αποθήκευση Προτύπου!






Αυτό ήταν! 


Καλή επιτυχία!!! 



Πηγή κώδικα 
thanks to http://www.mmktricks.blogspot.gr





Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog