Blogger Tricks

10Απρ2013

Popup Παράθυρο για την σελίδα μας στο Facebook

Εμφανίστε στην αρχική σελίδα του blog σας ένα pop up παράθυρο το οποίο θα "διαφημίζει" τη σελίδα σας στο facebook και θα προτρέπει τους επισκέπτες σας να κάνουν like σε αυτή ή απλά να κλείσουν τα αναδυόμενο παράθυρο. Τα βήματα είναι 4 και μάλιστα πολύ απλά...

01Επιλέγουμε τον Μενού Διάταξη από τον Πίνακα ελέγχου του blogger

02Πατάμε Προσθήκη gadget και επιλέγουμε το HΤML/Javascript

03Κάνουμε επικόλληση τον παρακάτω κώδικα και ΑΝΤΙΚΑΘΙΣΤΟΥΜΕ το expertin.megara, που υπάρχει στη γραμμή 66 του κώδικα, με το όνομα της σελίδας μας στο Facebook

 

<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;}
    /*
 
       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://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(http://2.bp.blogspot.com/-bMneOFi_UDo/Txohpge3Z9I/AAAAAAAAF0s/AbVgxX9pXtQ/s400/loadingbackground.png) no-repeat center center;}
        #cboxLoadingGraphic{http://3.bp.blogspot.com/-SKktU1-SCCw/TxohpRB19LI/AAAAAAAAF0Y/iwIo3LnjoE0/s400/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://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/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;}
    
 
    </style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<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=false') == -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:"390px", inline:true, href:"#subscribe"});}});</script>
   
        <div style='display:none'>
       <div id='subscribe' style='padding:10px; background:#fff;'>
           <br/><br/> <center><span style=' background: none repeat scroll 0 0 #3B5998;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600; padding:10px;'>ΑΚΟΥΛΟΥΘΗΣΤΕ ΜΑΣ ΣΤΟ FACEBOOK </span><br/><h3 class="box-title"> <img alt="" src="http://3.bp.blogspot.com/-L_HuZJEw6no/T3hnoGLHZgI/AAAAAAAAAdU/RUxTnUHbBUk/s1600/subscribe.gif" / style="margin-bottom: -20px;
    margin-top: -6px;" /></h3> </center>
          <center>
  
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/expertin.megara&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:270px;" allowtransparency="true"></iframe>
</center></div></div>

 



ΑΚΟΥΛΟΥΘΗΣΤΕ ΜΑΣ ΣΤΟ FACEBOOK

04Και τέλος πατάμε Αποθήκευση στο νέο gadget και στη συνέχεια Αποθήκευση Διάταξης.

To widget αυτό εμφανίζει το popup κάθε φορά που γίνεται ανανέωση της Αρχικής Σελίδας. Αν θέλετε να το εμφανίζει μόνο την πρώτη φορά που επισκέπτεται κάποιος το blog σας τότε απλά αντικαταστήστε το τμήμα του κώδικα ('visited=false') με ('visited=true'). Πατήστε ξανά αποθήκευση και είστε έτοιμοι.

lookΔείτε ποιο θα είναι το αποτέλεσμα σας...

 

Για οποιαδήποτε απορία, παρατήρηση ή βοήθεια μη διστάσετε να χρησιμοποιήσετε τη φόρμα σχολίων που υπάρχει παρακάτω κάνοντας κλικ στο ΠΡΟΣΘΗΚΗ ΝΕΟΥ ΣΧΟΛΙΟΥ...

  ΧΡΕΙΑΖΕΣΤΕ ΒΟΗΘΕΙΑ;

 

Κατερίνα Παπαγιάννη

"Το να παίρνεις πληροφορίες από το Διαδίκτυο είναι σα να πίνεις νερό από πυροσβεστικό κρουνό."

Mitchell Kapor

Website: www.expertinmegara.gr
Διαβάστε επίσης σε αυτή την κατηγορία: « Απόκρυψη NavBar από το blog σας
 

πληροφοριεσ επικοινωνιασ

ΕΡΓΑΣΤΗΡΙΟ ΕΛΕΥΘΕΡΩΝ ΣΠΟΥΔΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ
access, directions, no, sign iconcall, callcenter, contact, phone, support, telephone iconcall, email icon Κολοκοτρώνη 3, Μέγαρα Αττικής

22960 23511, fax: 22960 89262


megara@expertin.gr

logo

ΦΟΡΜΑ ΕΠΙΚΟΙΝΩΝΙΑΣ

ΠΕΡΙΟΧΗ ΣΥΝΔΕΣΗΣ ΜΑΘΗΤΩΝ

fb iconLog in with Facebook