Popular Post

Blogger Themes

Κυριακή 25 Δεκεμβρίου 2011

Christmas Gadgets for Blogs



Νέοι bloggers γεια σας!!!Λόγω των γιορτών έκατσα και σας έφτιαξα μερικά gadgets για το blog σας...είναι όλα στατικά, και "ντύνουν" όλες τις πλευρές του...σας δίνω έτοιμο κώδικα για τις επάνω-κάτω-δεξιά-αριστερή πλευρά του blog, και σας εξηγώ και πως να το ρυθμίσετε, για να μη σας κρύβει κουμπιά και link...
DEMO   και επίσης σας έχω μερικά περσινά 
Μπαίνουν όλα σαν gadget στο  BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :


Οριζόντιο: επάνω

 <img style="display:scroll;position:fixed;top:-40px;left:-20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBqjSDP9Tt5-aPtS1I4Gptz6YmNf9R8OrUB-Hf1y3ZvdBx1AP3z4ARxGMVf8adWG1xs_CVVm1SwXW1d_Zq8EYYoPIl37HQK2QIVZaa2dilmU-ZPS-i8gqpe1VmadqTJBAiG-6qY9nkNPQ/s1240/christmas%252520garl%2525203%252520horizontal.gif" />

Οριζόντιο: κάτω
<img style="display:scroll;position:fixed;bottom:-40px;left:-20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBqjSDP9Tt5-aPtS1I4Gptz6YmNf9R8OrUB-Hf1y3ZvdBx1AP3z4ARxGMVf8adWG1xs_CVVm1SwXW1d_Zq8EYYoPIl37HQK2QIVZaa2dilmU-ZPS-i8gqpe1VmadqTJBAiG-6qY9nkNPQ/s1240/christmas%252520garl%2525203%252520horizontal.gif" />

Κάθετο δεξιά :

<img style="display:scroll;position:fixed;top:-40px;right:-50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3zsDEiWBppB0NIZYemaHzsawmA6smfdiJ1VhQPOyOvi9fJostX3VhZa_StmF3GpvEIrriwqHY8s9NZ1DWB5vi1WqyPPGgZc-S4jHHx2ZBvg_g_VvtNr69_iZMYJk0m2FfA0ZngDkJqKo/s1500/christmas%252520garl%2525203%252520vertical.gif" />

Κάθετο αριστερά:
<img style="display:scroll;position:fixed;top:-40px;left:-50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3zsDEiWBppB0NIZYemaHzsawmA6smfdiJ1VhQPOyOvi9fJostX3VhZa_StmF3GpvEIrriwqHY8s9NZ1DWB5vi1WqyPPGgZc-S4jHHx2ZBvg_g_VvtNr69_iZMYJk0m2FfA0ZngDkJqKo/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/AVvXsEgmwUe_E-IpI3Tn5r9rOOWA7qLyp3lJaku3T9TjMh8f7Nfa322vGNpQelGwQrrqMwr7Oif4Q-xxeJ8xzC8WW6DCckDYtdI-4ZV9VpVyFQAdgmwPDPs0XY6ww2N_3O5MTAFIKJa6nt3B97M/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/AVvXsEhI-_zAITte8z9cfRwZM_wHvY-fKiGP2Vv1znzN0fGwj7F55PIBnPG7xT7G_lL1MTuJbAkXUBFuV_v70gjrSiRqS9nfCLno9ZZSZCKNZ0CkR-ZlwDRXqh5ZcA5lT2v0loHonep3bmU564E/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 πολύ χαμηλά, στο τέλος της σελίδας σας), για να τα βρείτε πάλι εύκολα και μετά τις γιορτές, όταν τα βγάλετε....

Related Articles :


Stumble
Delicious
Technorati
Twitter
Facebook

0 σχόλια:

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

ΠΕΣΤΕ ΜΑΣ ΤΗ ΓΝΩΜΗ ΣΑΣ

Label 14

Followers

VIDEO

ENTER-TAB1-CONTENT-HERE

RECENT POSTS

ENTER-TAB2-CONTENT-HERE

POPULAR POSTS

ENTER-TAB3-CONTENT-HERE
 

HALANDRI NEWS Copyright © 2010 LKart Theme is Designed by Lasantha