DEMO & DEMO και επίσης σας έχω μερικά περσινά ΕΔΩ
Μπαίνουν όλα σαν gadget στο BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :
<img style="display:scroll;position:fixed;top:-40px;left:-20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdLIo474GekLDehn9EaTyZCBY4ZBtM8rBL-1_8NtzXaMz_X72Yc6rHJtFGrZFbAiDdXacsibV9CM6RPYkUl0mj1sBwLZiP46AkURhEbD0GELMx_kz-O8UNlZqUsnZmMCiFHp9wuXdYT1A/s1240/christmas%252520garl%2525203%252520horizontal.gif" />
Οριζόντιο: κάτω
<img style="display:scroll;position:fixed;bottom:-40px;left:-20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdLIo474GekLDehn9EaTyZCBY4ZBtM8rBL-1_8NtzXaMz_X72Yc6rHJtFGrZFbAiDdXacsibV9CM6RPYkUl0mj1sBwLZiP46AkURhEbD0GELMx_kz-O8UNlZqUsnZmMCiFHp9wuXdYT1A/s1240/christmas%252520garl%2525203%252520horizontal.gif" />
Κάθετο δεξιά :
<img style="display:scroll;position:fixed;top:-40px;right:-50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmeU6kjZRtodVDZwu1N79dp2BIIf0TVpj0JYxbm8no5K8B_8cbaTUiM5boGG2QTB8SdzZpnv8JcHGySc46c0dpv97n15Eq4iBV_kAH1PrEcOrSfxicUMwTC5A0fuKMpw94xvsTPMtpnVk/s1500/christmas%252520garl%2525203%252520vertical.gif" />
Κάθετο αριστερά:
<img style="display:scroll;position:fixed;top:-40px;left:-50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmeU6kjZRtodVDZwu1N79dp2BIIf0TVpj0JYxbm8no5K8B_8cbaTUiM5boGG2QTB8SdzZpnv8JcHGySc46c0dpv97n15Eq4iBV_kAH1PrEcOrSfxicUMwTC5A0fuKMpw94xvsTPMtpnVk/s1500/christmas%252520garl%2525203%252520vertical.gif" />
***Σας εξηγώ και κάποια σημαντικά στοιχεία του κώδικα....top:-40px; σημαίνει ότι δεν θα φαίνεται κατά 40px...δηλαδή αν θέλετε να το εμφανίσετε περισσότερο μέσα στο blog θα το μειώσετε -30, -20, -10 (δηλ, το "έκρυψα" κατά 40px για να μη σας κρύβει σημαντικά θέματα στο blog...)
***το left:-50px; και right:-50px; δηλώνουν ότι το "έκρυψα" δεξιά (right) η αριστερά (left) κατά 50px για να μη σας κρύβει σημαντικά θέματα στο blog...
...έτσι μπορείτε να τα ρυθμίσετε ώστε να κρύβονται λιγότερο η περισσότερο !!!
Κάντε μια δοκιμή και δοκιμάστε το κώδικα στο demo blog μου http://demobloghtml.blogspot.com/
Σας δίνω και μερικές γιρλάντες ακόμα....ΕΔΩ...ΕΔΩ....ΕΔΩ...
Φυσικά, μην τα βάλετε όλα μαζί και γίνει πανηγύρι το blog σας...
***ΕΠΙΣΗΣ=> Μπορείτε να βρείτε πολλά χριστουγεννιάτικα widgets ΕΔΩ
***ΕΠΙΣΗΣ=> Πάρτε και ένα κώδικα για 2 gadgets (χιόνι και χριστ. καμπάνες)(βάλτε το σαν gadget)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript"> $("body").append($("<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS3_bvFOLdQMf60_VTU3o7WZAGGNxl3OdT70h4vslzwsSGcqjkZKyHXEehAPzItk54yQzB72059hLNQ4fmupSdfCUoQAnuhf1kzC-cHKzhHS4dA6tS6kaHLPeT5g7GhkT7ysKBmRj-Vdg/s1600/christmas-bells-icon.png' style='position:absolute; top: 0px;left:0px;border:none;'/><img id='xmasleftbell' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVzz8CG0tzgUUPeJ2gOEIprELxZLMWGsPfplwZ1JtXsMf1kXhz8ZmMJdFmCIxRbocFmK9gjMkl_K6szP9nhcRki-2iNBNP3_L8ozN_WmNrLlMcOhx43GqmOwcrYFFdQgNaNAxx7YU2gGE/s1600/christmas-bells-icon-right.png' style='position:absolute; top: 0px;right:0px;border:none;'/>")); </script> <script src='http://blogergadgets.googlecode.com/files/snowfall.min.jquery.js' type='text/javascript'></script> <script type="text/javascript"> $(document).snowfall({flakeCount:199}); </script>
ΠΡΟΣΟΧΗ !!! να τα σημαδέψετε που τα βάζετε (βάλτε τα gadgets πολύ χαμηλά, στο τέλος της σελίδας σας), για να τα βρείτε πάλι εύκολα και μετά τις γιορτές, όταν τα βγάλετε....
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}