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

ΠΩΣ ΒΑΖΩ ΔΙΑΦΗΜΙΣΤΙΚΟ 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://lh4.googleusercontent.com/-x93wEjHeGvQ/VVpf9KsDXDI/AAAAAAAARRk/isibWWRw_Ds/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

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

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

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

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