• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

POP UP WINDOW ΜΕ ΠΡΟΤΕΙΝΟΜΕΝΕΣ ΑΝΑΡΤΗΣΕΙΣ

POPUP WINDOW
POP UP WINDOW ΜΕ ΠΡΟΤΕΙΝΟΜΕΝΕΣ ΑΝΑΡΤΗΣΕΙΣ
Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα pop up window σε κάποιες αναρτήσεις του blog σας που να προτείνει στον αναγνώστη να διαβάσει κάποιες άλλες σχετικές αναρτήσεις με αυτήν που διαβάζει εκείνη τη στιγμή. Τον κώδικα αυτόν πρέπει να τον βάλετε στο τέλος του κώδικα HTML της ανάρτησης και αφού έχετε βάλει στην ανάρτηση αυτή απαραιτήτως read more για να μην εκτελείται το script στην αρχική σελίδα σας αλλά μόνο όταν ανοίγει ο αναγνώστης την συγκεκριμένη ανάρτηση.

Μπορείτε να αλλάξετε το πλάτος του popup window αλλαζωντας το width:420px; Η θέση αλλάζει εκεί που γράφει "right:0px;bottom:0px" Δείτε πως εμφανίζεται αυτό το popup window στο κάτω δεξιο μέρος της ανάρτησης αυτής.

<style>
#postit{position:fixed;width:420px;padding:5px;background:#FFFF00;border:2px solid #000000;visibility:hidden;z-index:99;}
</style>
<div id="postit" style="right:0px;bottom:0px">
<div align="right"><b><a href="javascript:closeit()">[X]</a></b></div>
<span style="font:bold 16px Arial;background:#F11111;color:#FFF;">ΠΡΟΤΕΙΝΟΜΕΝΕΣ ΑΝΑΡΤΗΣΕΙΣ</span><br/><br/>
<a href="http://the-best-widgets.blogspot.gr/2015/11/newsletter-floating-box.html" target="_new">ΠΩΣ ΒΑΖΩ NEWSLETTER POP UP BOX</a><br/>
<a href="http://the-best-widgets.blogspot.gr/2015/03/pop-up-message-window.html" target="_new">ΠΩΣ ΒΑΖΩ POP UP MESSAGE WINDOW</a><br/>
<a href="http://the-best-widgets.blogspot.gr/2015/05/widget.html" target="_new">ΠΩΣ ΒΑΖΩ ΑΝΑΔΥΟΜΕΝΟ WIDGET No 1</a><br/>
<a href="http://the-best-widgets.blogspot.gr/2015/07/widget-no-2.html" target="_new">ΠΩΣ ΒΑΖΩ ΑΝΑΔΥΟΜΕΝΟ WIDGET No 2</a><br/>
<a href="http://the-best-widgets.blogspot.gr/2015/05/pup-up-window.html" target="_new">ΠΩΣ ΒΑΖΩ ΔΙΑΦΗΜΙΣΤΙΚΟ POP UP WINDOW</a><br/>
<a href="http://the-best-widgets.blogspot.gr/2016/02/wellcome-popup-message.html" target="_new">ΠΩΣ ΒΑΖΩ WELLCOME POPUP MESSAGE BOX</a><br/>
<a href="http://the-best-widgets.blogspot.gr/2016/11/floating-widget.html" target="_new">ΠΩΣ ΒΑΖΩ ΠΤΥΣΟΜΕΝΟ WIDGET (FLOATING WIDGET)</a><br/>
<a href="http://the-best-widgets.blogspot.gr/2016/04/popup-window.html" target="_new">POPUP WINDOWS ΜΕ ΚΕΙΜΕΝΟ, ΕΙΚΟΝΕΣ ΚΑΙ ΒΙΝΤΕΟ</a><br/>
</div>
<script src="https://dl.dropboxusercontent.com/s/6rhu0c0u4udm3qd/popup-1a.js"></script>
<script src="https://dl.dropboxusercontent.com/s/by44dpupw5j2til/popup-1b.js"></script>

Δεν υπάρχουν σχόλια:

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

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.