Διαφημιστικό popup box. Χρήσιμο, αλλά και σπαστικό ταυτοχρόνως

Αρχικά έγραψα για διαφημίσεις Google, αλλά επειδή είναι ενάντια στους Όρους Χρήσης, άλλαξα γνώμη και τίτλο. Λοιπόν σαν gadget παραμένει ίδιο και οι διαφημίσεις που θα βάλετε θα είναι διαφορετικές από της Google, εκτός αν με δική σας ευθύνη θέλετε να τις βάλετε. Όπως και να έχει ακολουθήστε τα παρακάτω βήματα για να το βάλετε στη Σελίδα σας:

• Σύνδεση στον Blogger
• Σχεδίαση / Επεξεργασία HTML
• Βρείτε την </head>
• Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:

<style>
#topbar {
height:30px;
width:auto;
background: #FE9980 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 336px;
background:#fff;
border-bottom:2px #FE9980solid;
border-right:2px #FE9980solid;
border-left:2px #FE9980 solid;
text-align:Center;
padding:4px;
}


#headline{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:170px;
border-bottom:1px #FE9980 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headline").style.display = 'none';
}
</script>

• Αποθηκεύστε το πρότυπό σας
• Πατήστε τώρα "Στοιχεία Σελίδας"
• Επιλέξτε "Προσθήκη gadget" / "HTML/JavaScript"
• Επικολλήστε τον παρακάτω κώδικα:

<div id="headline">
<div id="topbar">
<img align="left" style="padding-left:2px;" src="http://icons.iconarchive.com/icons/iconshock/windows-7-general/24/administrator-icon.png" />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Διαφήμιση</span>

<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"> <target="_blank" onclick="getValue()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7YrWQR2_u8aiLze-xRjJYeUJTYJ2aipXZc2IiqQj4NvmbN5-jACI1Vh1pu6OOrRHAeTYSgRz_mS_N9ppScZn4zOZSCqbQdhnnGnvEKo3eKM6UZ3DyMv-4kVCzwxFboXP715UntrE4fvkA/s1600/close.png" /></target="_blank"></span>
</div>
<div id="adsground">
<h3><a href="http://www.blogger9.com/2011/07/how-to-add-latest-adsense-popup-box-in.html">Get This Pop-up Window </a></h3>
<p align="left"><h3></h3></p>
ΒΑΛΤΕ ΕΔΩ ΤΟΝ ΚΩΔΙΚΑ ΤΗΣ ΔΙΑΦΗΜΙΣΗΣ 336Χ280 ή 300Χ250<p>

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

• Αντικαταστήστε το κείμενο με κόκκινο φόντο με τον κώδικα της διαφήμισης και πατήστε αποθήκευση. Από τώρα και κάθε φορά που ανανεώνετε τη Σελίδα σας, ένα σπαστικό πλαίσιο θα ξεπετάγεται και θα δείχνει τη διαφήμιση.

LIVE DEMO