Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

pop up facebook like box for blogger


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Πρόκειται για ένα θαυμάσιο pop up facebook like box for blogger, το οποίο:

Με το που μπαίνει κάποιος επισκέπτης στη σελίδα σας θα εμφανίζεται ένα αναδυόμενο παράθυρο (pop up) το οποίο θα παροτρύνει τον επισκέπτη σας να κάνει like στη σελίδα σας στο facebook. Είναι πολύ διαδεδομένο τελευταία και σίγουρα θα το έχετε προσέξει σε άλλες ιστοσελίδες. Αυτό εγκαθιστά αυτόματα cookies στον υπολογιστή του επισκέπτη, ώστε αν σας επισκεφτεί κάποιος και δεύτερη φορά να μην του ξαναεμφανιστεί το pop up και καταντήσει από χρήσιμο και αποτελεσματικό να γίνει ένα σπαστικό widget.

Η διαδικασία προσθήκης του είναι πολύ εύκολη.

1. σύνδεση στο blogger.com
2. Διάταξη > Προσθήκη gadget > HTML/JavaScript
3. Eπικολλήστε εκεί τον παρακάτω κώδικα:

<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(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://3.bp.blogspot.com/-CuV9SmF3JaE/T3WcIeBX1GI/AAAAAAAACDo/6mDsw0AuGS4/s1600/border.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://3.bp.blogspot.com/-CuV9SmF3JaE/T3WcIeBX1GI/AAAAAAAACDo/6mDsw0AuGS4/s1600/border.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) repeat-y -211px 0;}#cboxContent{background:#fff;overflow:visible;}#cboxLoadedContent{margin-bottom:5px;}#cboxLoadingOverlay{background:url(http://4.bp.blogspot.com/-4Qn7M-IPt4c/T3WdJemHwnI/AAAAAAAACDw/9fXsGPXJ1ig/s1600/loadingbackground.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://1.bp.blogspot.com/-V757h43tLZU/T3WdmKS5Q5I/AAAAAAAACD4/25oYbn0MMfU/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(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/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="http://2.bp.blogspot.com/-5yMUILmjjyc/T3WeEqzdfHI/AAAAAAAACEA/XJDxnKh6W48/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=http://www.facebook.com/pages/bloggertipsgr/643745905641753&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://www.bloggertips.gr/" target='_blank'>BloggerTips.gr</a></p></div></div>

Το μόνο που έχετε να κάνετε πλέον είναι να αλλάξετε το http://www.facebook.com/pages/bloggertipsgr/643745905641753 με τη διεύθυνση της δικής σας σελίδας στο facebook.
 Είστε έτοιμοι!

Αν σας άρεσε κάντε like στη σελίδα μας στο facebook, από το fan box widget που έχουμε δίπλα! 

Copyrights: http://www.bloggertips.gr/

Stumble
Delicious
Technorati
Twitter
Facebook

22 comments:

mariapapaki είπε...

εμενα δεν μου δουλευει με τιποτα :(

bloggertips.gr είπε...

να σου πω την αληθεια ουτε σε εμενα δουλευει σε αυτο το site. αλλα σε αλλα που εχω δουλευει μια χαρα..
οποτε κατι φταιει στο προτυπο μου..
εσυ ποιο blog εχεις για να δω το προτυπο σου?
στα απλα δουλευει..

bloggertips.gr είπε...

1) δεν λειτουργεί σε όλα τα πρότυπα, αλλά στα περισσότερα
2) η διεύθυνση δεν είναι απαραιτητο να μπει με id αλλά μπορεί και με usename

Koalakia είπε...

Δυστυχώς ούτε στο δικό μου φαίνεται να δουλεύει...

http://koalakia.blogspot.gr/

bloggertips.gr είπε...

koalakia εγω το βλεπω να δουλευει μια χαρα σε σενα..
για να βλεπετε αν λειτουργει ή οχι πρεπει να διαγραφετε τα cookies πρωτα από τον browser σας.
στον firefox πατε ιστορικο>εκκαθαριση προσφατου ιστορικου επιλεγετε cookies και πατατε εκκαθαριση τωρα.
και στους αλλους περιηγητες σας με παρόμοιο τρόπο.

ANSO είπε...

Πως βρισκουμε στο FACEBOOK τη διεύθυνση ME τους αριθμους
http://www.facebook.com/pages/bloggertipsgr/643745905641753

admin@grenimerosi.blogspot.gr είπε...

Σε εμένα δεν δουλεύει to site μου http://www.grenimerosi.blogspot

Ανώνυμος είπε...

ando δες στο τελος της αναρτησης στο http://www.bloggertips.gr/2013/06/floating-facebook-like-box-for-blogger.html

teo kou είπε...

Γιατί ότι script κώδικα και να βάλω δεν δουλεύει το Featured Content Slider Started απο το blog http://anime-on-greek.blogspot.gr/

Σταμάτης Ρουσόδημος είπε...

Μια ερώτηση.Μου δουλέυει κανονικά αλλα μου κολλάει το slider.Υπάρχει λύση?
Ευχαριστώ

Τατιάνα Καρύδη είπε...

Όσο κι αν προσπάθησα δεν τα κατάφερα. Τουλάχιστον 4 φορές και σε διαφορετικές μέρες προσπάθησα τηρώντας κάθε λεπτομέρεια και προσέχοντας κάθε λεπτομέρεια.. Δοκίμασα και μπήκα χωρίς σύνδεση από άλλο υπολογιστή αφότου είχα βάλει τους κώδικες και είδα το παράθυρο να αναδύεται αλλά με κενό μέσα στο πλαίσιο. Παρόλο που έβαλα σωστά και τη διεύθυνση της σελίδας μου του f/b αλλά και το id.
Δεν ξέρω γιατί...Και είναι τόσο καλό! Θα ήταν αν δούλευε.. Τι κάνω λάθος;

mariapapaki είπε...

taspitika.blogspot.gr το blog μου ειναι αυτο.Δεν ξερω αν δεν δουλευει λογο του προτυπου. Εσυ πιστευω θα καταλαβεις αν δουλευει η οχι. Εκτος αυτου, ειδα πως στο δικο σου id εχεις βαλει τον 2 αριθμο που φαινεται απο το facebook.Σε αλλη αναρτηση μας εξηγεις πως το id ειναι ο αριθμος μετα το a. Με μπερδεψες λιγο,αν μπορεις λιγη βοηθεια. :)

Dakstrimer είπε...

δν βοήθησε ...:< έχει πάνω από τους μέγιστους χαρακτήρες που μπορείς να βάλεις .... μπορείς να βοηθήσεις να το βάλω ...!;;

Dakstrimer είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.
superduperdell είπε...

Δεν δουλεύει....psamgmenos.net

superduperdell είπε...

Μετά απο δοκιμές μου δούλεψε... Αφαίρεσα άλλα widgets που δεν επέτρεπαν σε αυτό το widget να λειτουργήσει.

Maaste Blogerrmen είπε...

thank you so much....the information was so helpful to me to improve myself a lot in my field..... Readers would be more happy if it the explanations are very clear to understand... Make Money , Blogging Tips

Ανώνυμος είπε...

Πως μπορώ να το κάνω να εμφανίζεται συνεχώς;

Ανώνυμος είπε...

Εκτελείται κανονικά όταν καθαρίζω το ιστορικό και τα cookies αλλά μόνο για μια φορά... Πως μπορώ να το κάνω να εμφανίζεται κάθε φορά;

FTD B είπε...

Παιδια εμενα μια χαρα μου λειτουργησε και εκανα τα βηματα οπως ειπε ο φιλος εδω.
http://freetrackerdiscussion.blogspot.gr/

Theodosiadis Petros είπε...

Απίστευτο εργαλείο, ευχαριστώ πολύ !
http://theinsurancemarket.blogspot.gr/

judi bola online είπε...

Keep up the good work!
Thanks for sharing.
judi bola online
agen bola online
agen bola
judi bola
agen bola online
bandar bola online
bandar bola
bandar judi bola
bandar bola
agen betting

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

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *