• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

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

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

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

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

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

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