Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




19 Gadget για Facebook Pop up Like Μιας Χρήσεως

...Και ο τίτλος σημαίνει οτι αυτό το gadget θα εμφανιστεί ΜΟΝΟ ΜΙΑ ΦΟΡΑ, σε κάθε επισκέπτη σας, (εκτός αν σβήσει από τον υπολογιστή του τα cookies που καταγράφουν τις διευθύνσεις που έχει επισκεφθεί στο διαδίκτυο)... Αρα και σεις θα το δείτε μόνο μια φορά στο blog σας...Είναι ένα gadget που εμφανίζεται σε pop up παράθυρο, και δείχνει στον επισκέπτη σας να κάνει "like" στη facebook σελίδα σας.
Τον παρακάτω κώδικα, βάλτε τον σαν gadget => HTML/javascript, (ΔΕΊΤΕ τη φωτογραφία)


Ο ΚΩΔΙΚΑΣ:
_________________________________________________
<style>
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#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://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(http://1.bp.blogspot.com/-PPvu-446sn4/Txrt1QsGH1I/AAAAAAAAFWw/_jWYVoR1HX8/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(http://1.bp.blogspot.com/-31strss_1-E/Txrt1J6NThI/AAAAAAAAFWo/4P12CJPj924/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/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/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;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/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:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3> 
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/dr-blogger/169243333144046&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
</div>
</div>
_____________________________________________
*Προσοχή...είπαμε οτι ο κάθε επισκέπτης θα το δει μόνο στη πρώτη επίσκεψη στο blog σας...
**ΠΡΟΣΟΧΗ ...αλλάξτε τη διεύθυνση με τα κόκκινα γράμματα, και βάλετε τη δική σας (της σελίδας του facebook που έχετε φτιάξει)
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!!

Πηγή : thanks to : mybloggertricks.com/ &  spiceupyourblog.com
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

19 σχόλια:

Αρης είπε...

πολυ καλο αλλα δν εμφανιζει την σελιδα αλλα σφαλμα γιατι?

pandelees karagiann είπε...

Αρη, να αντιγράψεις σωστα τη διευθυνση της σελίδας σου στο facebook....θα το δεις μονο μια φορά ...αν θες να το ξαναδεις, άνοιξε την με διαφορετικό περιηγητή....

thanos είπε...

xaxaxa me exei deutero sthn foto!

Αρης είπε...

παλι σφαλμα με εμφανιζει

VATOLAKKIOTIS είπε...

ΚΑΛΗΣΠΕΡΑ ΦΙΛΕ ΠΑΝΤΕΛΗ. ΑΦΟΥ ΜΠΗΚΕΣ ΣΤΟ ΧΟΡΟ, ΘΑ ΧΟΡΕΨΕΙΣ...ΛΕΜΕ ΕΔΩ ΣΤΑ ΓΡΕΒΕΝΑ. ΓΙΑ ΠΕΣ ΜΟΥ, ΕΓΩ ΓΙΑΤΙ ΔΕΝ ΜΠΟΡΩ ΝΑ ΒΡΩ ΤΟ ΔΙΚΟ ΜΟΥ.. http://www.facebook.com/pages/;;

pandelees karagiann είπε...

Κωστα , δεν ξερεις τη διευθυνση της σελίδας σου στο facebook? και πως μπαινεις? ειναι η ιδια διευθυνση που εχεις βαλει σε ολα τα facebook gadgets που εχεις βαλει στο blog σου...

kostas kall είπε...

Δηλαδή Παντελή ο αναγνώστης ΠΡΕΠΕΙ να πατήσει like για να μπορέσει να μπεί ή απλά μπορεί να το κλείσει χωρία να κάνει λίκε???

pandelees karagiann είπε...

...φυσικα μπορει να μπει χωρις να κανει like...εγω εκβιαστικα gadgets δεν τα γουστάρω....και φυσικα μπορεις να μετατρεψεις το κωδικα να γινεται αναγκαστικα το like για να μπει καποιος στο μπλογκ...αλλα αυτο να τα ψαξει καποιος αλλου...οχι στο δικο μου blog....

kostas kall είπε...

Ναι γιατί κι εγώ όποτε μου έτυχε κάτι τέτοιο ποτέ δν πάτησα like από τα νεύρα μου στη σελίδα που το ζητούσε!!!
:)
Απλά ρώτησα γιατί εμφανίζεται μία μονο φορα!!

pandelees karagiann είπε...

ααα...για να μη σπασει τα νευρα των επισκεπτων, οταν εμφανίζεται σε καθε επισκεψη τους...αλλωστε ολοι εχουμε μεσα στα blogs μας καποιο αλλο widget για like στη fb σελιδα μας

ΙΟΥΛΙΑ είπε...

μα γιατί μου βγάζει σφάλμα?? οεο και δε μου παιζει? εχω αλλάξει την διευθυνση και εβαλα τη δικη μου. αλλα παιζει να κνω γκαφα καπως ετσι πρεπει να ειναι ?? http://www.facebook.com/groups/11783243457003/

εστω οτι φταιει αυτο!
πως μπορω να βρω τη διυθυνση μου? σνιφ σνιφ.....

pandelees karagiann είπε...

IOYLIA, αποσυνδέσου, και πάρε τη διεύθυνση, χωρις να εισαι συνδεδεμενη...αυτη που μου δινεις (οπως και στο blog σου), ειναι λαθος...

Η Διατροφή Σήμερα είπε...

Καλησπέρα, ούτε σε μένα δουλεύει, έκανα copy paste την διεύθυνση του blog από το facebook χωρίς να είμαι συνδεδεμένη αλλά δεν δουλεύει, μπορείτε να με βοηθήσετε;;;

pandelees karagiann είπε...

απ'οτι ειδα τελικα τα καταφερες μονη σου...

Η Διατροφή Σήμερα είπε...

Ναι όντως, αλλά το είδα κι εγώ τώρα ενώ στην αρχή δεν τον έβλεπα! Σας ευχαριστώ πολύ για την βοήθεια και την απάντηση!
Κ.

Η Διατροφή Σήμερα είπε...

Όντως, κι εγώ τώρα το είδα ενώ στην αρχή δεν μπορούσα να το δω! Ευχαριστώ πολύ για την βοήθεια και την απάντηση.
Κ.

tasos maneas είπε...

Πάρα πολύ καλό φίλε μου!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!ΑΑΑΑΑΑΑΑΑΑΑΑΑΑΑΑΑΑΑ

Thodorhs Grigoropoulos είπε...

Καλησπερα Παντελη
Αυτο σε wordpress site που πρεπει να το επικολησω για να δουλεψει ... Γινεται η πρεπει να βρω κατι αλλο;;

pandelees karagiann είπε...

Σορυ Θοδωρή που δεν μπορω να σε βοηθησω...τα εχω παρατησει εδω και 2 χρονια...Παντως θα δουλεψει....προσπάθησε εκει που βαζουμε ολους τους κωδικες, στο 'Μικροεφαρμογες'...