Εικόνα μόνιμα στο προσκήνιο του blog μας

Αν έχετε ένα template με μεγάλα περιθώρια δεξιά και αριστερά από την κεντρική στήλη των αναρτήσεων, και θέλετε να το ομορφύνετε λιγάκι, μπορείτε να τοποθετήσετε μια εικόνα η οποία θα είναι μόνιμα στο προσκήνιο, ανεξάρτητα αν εσεις θα ανεβοκατεβαίνετε με το scrol του ποντικιού πάνω - κάτω.
Πως γίνεται αυτό; Με την προσθήκη ενός πολύ απλού widget.
Δείτε την εικόνα.


Πάμε λοιπόν να σας δείξω πως γίνεται. ...




Κατ' αρχήν θα πρέπει να αποφασίσετε ποια φωτογραφία θα βάλετε, και στη συνέχεια να την ανεβάσετε σε κάποιο image hοsting site, για να βρείτε το Url της.
Θα πρέπει επίσης να προσέξετε τις διαστάσεις της εικόνας. Να μην είναι δηλαδή πολύ μεγάλη, και σας κρύβει τις αναρτήσεις. Συνήθως διαστάσεις που "παίζουν" γύρω στο 160 x 160, είναι ότι χρειαζόμαστε.
Αν η φωτογραφία που επιθυμείτε να βάλετε είναι μεγαλύτερη, πριν την ανεβάσετε θα πρέπει πρώτα να την μικρύνετε.
Όταν γίνουν λοιπόν όλα τα παραπάνω, πάμε στον Πίνακα Ελέγχου (πρώην Πανόπτη) --> Διάταξη --> Προσθήκη gadget --> HTML/JavaScript, και προσθέτουμε τον παρακάτω κωδικό



<a style="display:scroll;position:fixed;top:5px;right:5px;" href="Link_To_An_Image" title="Image Name"><img src="http://Image_Url"/></a>


Τώρα κάνουμε τις αλλαγές μας.
Εκεί που γράφει href="Link_To_An_Image" με το πράσινο χρώμα, βάζουμε το link που οδηγεί η εικόνα, αν κάνει κάποιος πάνω της κλικ.
Στο
title="Image Name", με το μπλέ χρώμα, βάζουμε έναν τίτλο της εικόνας.
Στο
src="http://Image_Url", με το κόκκινο χρώμα, βάζουμε το direct link της εικόνας που πήραμε από το site στο οποίο την ανεβάσαμε.
Τέλος αυτό με το μοβ χρώμα,
top:5px;right:5px;, μπορούμε να του ορίσουμε που ακριβώς, και σε ποιο ύψος θα μπει η εικόνα μας. Αν την θέλετε αριστερά, αλλάζουμε το right και γράφουμε left. Αν το θέλουμε ποιο κάτω, μεγαλώνουμε την τιμή του top, ενώ αν θέλουμε να έρθει ποιο κεντρικά μεγαλώνουμε την τιμή του right ή του left, ανάλογα την επιλογή που έχουμε κάνει.
Τέλος να σας πω ότι το συγκεκριμένο widget μπορούμε να το βάλουμε όσες φορές θέλουμε, αλλάζοντας βέβαια την θέση που θα μπαίνει κάθε φορά, έτσι ώστε να έχουμε ένα πολύ ωραίο και ομοιόμορφο αποτέλεσμα.
Αυτό ήταν. Μην σας τρομάζουν τα πολλά λόγια που σας έγραψα. Στην πραγματικότητα είναι πολύ εύκολο.
Αν χρειαστήτε κάποια διευκρίνηση, μην διστάσετε να επικοινωνήσετε μαζί μου.
Γράψτε μου αν θέλετε και κάποιο σχόλιο, θα χαρώ πολύ.


Add To Facebook Add To Twitter Add To Yahoo Stumble This Fav This With Technorati Add To Del.icio.us Digg This Add To Reddit

10 σχόλια:

vatolakkiotis είπε...

ΚΑΛΗΣΠΕΡΑ ΕΚΑΒΙΤΗ. ΠΟΛΥ ΚΑΛΟ . ΤΟ ΔΟΚΙΜΑΣΑ ΚΑΙ ΜΟΥ ΑΡΕΣΕ!!! ΚΑΛΗ ΣΥΝΕΧΕΙΑ ΦΙΛΕ.

ekabitis είπε...

Να ΄σαι καλά vatolakioti!
Και απ΄ότι είδα διάλεξες την ΚΑΛΥΤΕΡΗ φωτογραφία που θα μπορούσες να βάλεις!!! Βάλε και μια αριστερά για ομοιομορφία.

stratis aigio είπε...

το εκανα σε πολλα sites μου και μου αρεσε....παρα πολυ καλο, αμα θες κατι που να μη θυμιζει blog

ekabitis είπε...

Ευχαριστώ Στρατή.
Δεν πολυκατάλαβα το δεύτερο μέρος του σχολίου.
(Άμα θες κάτι που να μην θυμίζει blog)

Rock n' Metal Whisper είπε...

ΠΟΛΥ ΚΑΛΟ ΚΙ ΑΥΤΟ!

ΩΡΑΙΟΣ!

panserraikos5 είπε...

apla uperoxo!!!

ekabitis είπε...

Νά 'σαι καλά Λεοντάρι!

ekabitis είπε...

Ευχαριστώ, Rock n' Metal Whisper.

ΣΤΑΥΡΟΣ ΠΑΠΑΓΕΩΡΓΟΠΟΥΛΟΣ είπε...

ΕΥΧΑΡΙΣΤΩ ΠΟΛΥ.ΝΑ ΡΩΤΙΣΩ ΚΑΤΙ ΕΣΥ ΕΚΑΒΙΤΗ ΑΠΟ ΠΟΥ ΕΙΣΑΙ ΓΙΑΤΙ ΑΝ ΕΙΣΑΙ ΑΠΟ ΤΑ ΤΡΙΚΑΛΑ ΜΑΛΛΟΝ ΣΕ ΞΕΡΩ

ekabitis είπε...

Σταύρο, αν με ξέρεις πες το μου μόλις με δεις!
ΧΑχαχαχα.

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