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

ΑΡΘΡΟΓΡΑΦΟΣ

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

ΗΜΕΡΟΜΗΝΙΑ

12 Μαΐου, 2021

ΚΑΤΗΓΟΡΙΑ
SHARE

Εμφανίστε στην αρχική σελίδα του 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’). Πατήστε ξανά αποθήκευση και είστε έτοιμοι.

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

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

Mitchell Kapor

Website: www.expertinmegara.gr

ΕΧΕΤΕ ΑΠΟΡΙΕΣ;

Για οποιαδήποτε απορία, παρατήρηση ή βοήθεια χρειάζεστε μη διστάσετε να χρησιμοποιήσετε τη φόρμα σχολίων που υπάρχει παρακάτω …

Αφήστε το σχόλιο σας...

Σχετικά Άρθρα