ΠΩΣ ΒΑΖΩ NEWSLETTER POP UP BOX

ΠΩΣ ΒΑΖΩ NEWSLETTER POP UP BOX
Με τον παρακάτω κώδικα θα εμφανίζεται στο blog σας ένα newsletter pop up box και θα ζητάει από τον αναγνώστη να εγγραφτεί στο newsletter σας. Αν ο αναγνώστης δεν επιθυμεί υπάρχει ένα κουμπί Χ πάνω δεξιά στο pop up box το οποίο κλείνει αμέσως το κουτί. Μπορείτε να αλλάξετε τις κίτρινες περιγραφές και τα πορτοκαλί μηνύματα με άλλα δικά σας και οποσδήποτε μην ξεχάσετε να αλλάξετε το δικό μου feedburner id με τα πράσινα γράμματα με το δικό σας.

Ο κώδικας αυτός μπαίνει απλά σαν gadget σε οποιοδήποτε κουτάκι gadget θέλετε.
Για να μην είναι όμως ενοχλητικός επειδή θα βγαίνει σε κάθε αλλαγή σελίδας ή ανάρτησης βάλτε μία προσθήκη στο πρότυπο να βγαίνει μόνο στις στατικές σελίδες και στην αρχική ή όπως αλλιώς θέλετε. Οδηγίες για αυτήν την προσθήκη κώδικα θα βρείτε στην ανάρτηση  ΠΩΣ ΓΙΝΕΤΑΙ ΑΠΟΚΡΥΨΗ Ή ΕΜΦΑΝΙΣΗ ΤΩΝ GADGETS ΣΕ ΟΠΟΙΕΣ ΣΕΛΙΔΕΣ ΘΕΛΟΥΜΕ

<style>

#topbar {height:30px;width:auto;background:#115599;text-align:left;padding-top:5px;font:13px arial;}

#adsground {height:auto;margin:0 auto;width: 300px;background:#333333;border-bottom:5px #115599 solid; border-right:5px #115599 solid;border-left:5px #115599 solid;text-align:left;padding:5px;}

#headline {opacity:1.0;height:auto;width:auto;position:fixed;top:301px;left:301px;color:#FFF;

padding:5px; z-index:1001;font:13px arial;}

.hl-email {background:#333333; width:300px; padding:5px; float:left; font:13px arial; font-weight:bold; margin:0; color:#FFFFFF;}

.hl-emailsubmit {background:#FBBB22; cursor:pointer; color:#000000; border:none; padding:4px;border-radius:5px; font: 12px arial;}

.hl-emailsubmit:hover {background:#00ff00;}

.textarea {padding:5px; margin:5px; background:#FFFFF0; border:2px solid #00FF00; resize:none; font-size:13px; width:200px; color:#666;}

</style>

<script>

function getValue(){document.getElementById("headline").style.display = 'none';}

</script>

<div id="headline">

<div id="topbar">

<span style="color:#FFFFFF;font-size:13px;font-weight:bold;padding:5px;">NEWSLETTER SUBSCRIPTION</span>

<span style="color:#FFFFFF;font-size:13px;font-weight:bold;float:right;padding:0px;"> <target="_blank" onclick="getValue()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwBiDSJHM4txhA0TfxBmT5uwOf7ox3rtvBld8YRSp8C6yYyuGcC4Tf6fsCMnsljYqR0Zt8luzYA5DOES-qul0U5LVwpA37PufdR5CLYZTpxpdB98BSfOXBl57Oeuq7eMuk2xJuu3F1KRR/s25-no/Close-button-25.png"/></target="_blank"></span>

</div>

<div id="adsground">

<p align="left"><h3>SUBSCRIBE VIA EMAIL ▼</h3></p>

<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=WidgetsBlogs', 'popupwindow', 'scrollbars=yes,width=550,height=550');return true">

<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "")

{this.value = "Your email…";}" onfocus="if (this.value == "Your email…") {this.value = "";}" value="Your email…" type="text" /><input type="hidden" value="WidgetsBlogs" name="uri"/><input type="hidden" name="loc" value="en_US"/><input class="hl-emailsubmit" value="Submit" type="submit" /></form>

<a>Εγγραφήτε στο newsletter μου για να ειδοποιήστε για τα νέα άρθρα και τις προσφορές.</a>

</div></div>

<div class='clear'></div>

NEWSLETTER SUBSCRIPTION

SUBSCRIBE VIA EMAIL ▼

Εγγραφήτε στο newsletter μου για να ειδοποιήστε για τα νέα άρθρα και τις προσφορές.