POP UP 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>

[X]

ΠΡΟΤΕΙΝΟΜΕΝΕΣ ΑΝΑΡΤΗΣΕΙΣ ▼

ΠΩΣ ΒΑΖΩ NEWSLETTER POP UP BOX
ΠΩΣ ΒΑΖΩ POP UP MESSAGE WINDOW
ΠΩΣ ΒΑΖΩ ΑΝΑΔΥΟΜΕΝΟ WIDGET No 1
ΠΩΣ ΒΑΖΩ ΑΝΑΔΥΟΜΕΝΟ WIDGET No 2
ΠΩΣ ΒΑΖΩ ΔΙΑΦΗΜΙΣΤΙΚΟ POP UP WINDOW
ΠΩΣ ΒΑΖΩ WELLCOME POPUP MESSAGE BOX
ΠΩΣ ΒΑΖΩ ΠΤΥΣΟΜΕΝΟ WIDGET (FLOATING WIDGET)
POPUP WINDOWS ΜΕ ΚΕΙΜΕΝΟ, ΕΙΚΟΝΕΣ ΚΑΙ ΒΙΝΤΕΟ