ΩΣ ΒΑΖΩ ΔΙΑΦΗΜΙΣΤΙΚΟ 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/AVvXsEhpFc2Azxdp7RUJ_MCC60NNqsReyWCMPydhPGnz5o4ov7k9YTKIwP5tR_Ha7Bt290NHHiPU7xXLPbeekKpdyQ7V3gkCGe_rxHAiO-lZ_SbjFYyV_0_EmuLsd7h7sqGSInQxt4AompeXmnhc/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>