ΠΩΣ ΒΑΖΩ ΔΙΑΦΗΜΙΣΤΙΚΟ POP UP WINDOW

ΠΩΣ ΒΑΖΩ ΔΙΑΦΗΜΙΣΤΙΚΟ POP UP WINDOW
Με τον παρακάτω κώδικα μπορούμε να βάλουμε ένα διαφημιστικό pop up window το οποίο μπορεί να περιέχει μέσα του τίτλους με links, κείμενο, φωτογραφίες ή βίντεο ή όποιοδήποτε άλλο widget θέλουμε. Μπαίνει απλά σαν gadget ή μπαίνει στο τέλος του κώδικα της ανάρτησης για να μην βγαίνει σε όλες τις σελίδες αλλά στοχευμένα σε συγκεκριμένη ανάρτηση. Μπορείτε να αλλάξετε τους τίτλους και τις περιγραφές με τα κίτρινα και τα πορτοκαλί γράμματα τα links με τα πράσινα γράμματα και τα links των εικόνων με τα μώβ γράμματα. Οι διαστάσεις μπορούν να αλλάξουν και είναι χρωματιμένες με γαλάζιο χρώμα.

<style>

#topbar {height:30px;width:auto;background: #740777;text-align:left;padding-top:4px;}

#adsground {

height:auto;

margin:0 auto;

width: 250px;

background:#173374;

border-bottom:2px #FBBB22 solid;

border-right:2px #FBBB22 solid;

border-left:2px #FBBB22 solid;

text-align:left;

padding:4px;}

#headline{

opacity:1.0;

height:auto;

width:auto;

position:fixed;

top:31px;

left:0px;

border-bottom:1px #FBBB22 solid;

color:#FFFFFF;

padding:4px;

z-index:1001;

font-size:13px;}

</style>

<script type="text/javascript">

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:4px;">► MY DEMO BLOGS</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>▼ ΔΕΙΤΕ ΤΑ 5 DEMO BLOG ΜΟΥ</h3></p>

<h3><a href="http://gadgetsforblogs1.blogspot.gr">GADGETS FOR BLOGS-1</a></h3>

<h3><a href="http://gadgetsforblogs2.blogspot.gr">GADGETS FOR BLOGS-2</a></h3>

<h3><a href="http://gadgetsforblogs3.blogspot.gr">GADGETS FOR BLOGS-3</a></h3>

<h3><a href="http://gadgetsforblogs4.blogspot.gr">GADGETS FOR BLOGS-4</a></h3>

<h3><a href="http://gadgetsforblogs5.blogspot.gr">GADGETS FOR BLOGS-5</a></h3>

<a href="http://the-best-widgets.blogspot.gr" target="_blank"><img src="https://lh3.googleusercontent.com/--37o7xy6ad4/VVtGzEDCjqI/AAAAAAAARY8/iaizHq9tv2M/w240-h171-no/MY%2BDEMO%2BBLOGS.gif" border="0" alt="MY DEMO BLOGS"/></a>▲ Kλίκ στην εικόνα για το κύριο blog.</div></div>

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

► MY DEMO BLOGS

▼ ΔΕΙΤΕ ΤΑ 5 DEMO BLOG ΜΟΥ

GADGETS FOR BLOGS-1

GADGETS FOR BLOGS-2

GADGETS FOR BLOGS-3

GADGETS FOR BLOGS-4

GADGETS FOR BLOGS-5

▲ Kλίκ στην εικόνα για το κύριο blog.