Gadget Αγίου Βασίλη με γιορτινές ευχές

Άγιος Βασίλης στο blog μας

Ένα όμορφο gadget του Αγίου Βασίλη με γιορτινές ευχές που ξετιλίγεται μόλις πατήσουμε πάνω, φαίνεται όπως στη διπλανή εικόνα Δοκιμάστε το!!!

Για να το βάλουμε στο blog μας

• Σύνδεση στο λογαριασμό μας στο blogger.com
• Διάταξη 
• Προσθήκη gadget
• HTML/JavaScript
• Επικόλληση και Αποθήκευση του παρακάτω κώδικα

<!--agios-basilis-lefta4klik.blogspot.gr--><style type="text/css"> #daniFX{ position:fixed; top:70px; z-index:+1200; } * html #daniFX{position:relative;} .daniFXtab{ height:250px; width:117px; float:left; cursor:pointer; background:url(' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTObHiwJTNq3ZDf09-NFT5NKjIOdVI5Q_Mt2lSlQvWIIEjhnmhcn3A89KaDlNwiIXvvqd61l0PIxnmCBzK5bl7Ynh5RDYItfpx8uqvxBsn7J_zlGp2Rzg3hwyBjJVWXafrCKGH6vglxzHR/s227/santa2.gif ') no-repeat; } .daniFXcontent{ float:left; border:2px solid #000000; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; background:#ffffff; padding:22px; } </style> <script type="text/javascript"> function showHidedaniFX(){ var daniFX = document.getElementById("daniFX"); var w = daniFX.offsetWidth; daniFX.opened ? movedaniFX(0, 40-w) : movedaniFX(40-w, 0); daniFX.opened = !daniFX.opened; } function movedaniFX(x0, xf){ var daniFX = document.getElementById("daniFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; daniFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movedaniFX("+x+", "+xf+")", 10);} } </script>
<div id="daniFX"><div class="daniFXtab" onclick="showHidedaniFX()"></div><div class="daniFXcontent"><br/><br/>ΚΑΛΑ<br/> ΧΡΙΣΤΟΥΓΕΝΝΑ<br/> ΚΑΙ<br/> ΕΥΤΙΧΙΣΜΕΝΟ <br/> ΤΟ ΝΕΟ<br/> ΕΤΟΣ<br/><script type="text/javascript"> var daniFX = document.getElementById("daniFX"); daniFX.style.right = (30-daniFX.offsetWidth).toString() + "px"; </script><script type="text/javascript"> var daniFX =
document.getElementById("daniFX"); daniFX.style.right =
(110-daniFX.offsetWidth).toString() + "px"; </script>   <br /></div></div>

Μπορείτε να αλλάξετε το μήνυμα που έχω βάλλει, με ένα δικό σας. Μετά τις γιορτές, μπορείτε να βάλετε ένα οποιοδήποτε μήνυμα, με άλλη εικόνα, ή ένα chat... (ΠΡΟΣΟΧΗ!Ο κώδικας αυτός μπορεί να δημιουργήσει πρόβλημα σε κάποιο άλλο κώδικα με js..στη σελίδα σας.Οι πιθανότητες να αποτύχει είναι πολύ λίγες ...αξίζει όμως τον κόπο να το δοκιμάσετε.

Για όσους δυσκολεύονται έφτιαξα αυτό το βίντεο για το πώς να βάλουμε widget στο blogger μας.