Back to top Button[Blogspot]

θέματα που αφορούν τον Blogger.com (Blogspot) και τα blogs που κάνουν hosting στην πλατφόρμα αυτή.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
artemioskas
Δημοσιεύσεις: 648
Εγγραφή: 08 Αύγ 2009 20:11
Τοποθεσία: Αθήνα
Επικοινωνία:

Back to top Button[Blogspot]

Δημοσίευση από artemioskas » 07 Μαρ 2010 22:18

Εικόνα

Στον οδηγό αυτό,θα σας δείξω πως μπορείτε να προσθέσετε ένα button για να πατάτε και να πηγαίνετε κατευθείαν στο πάνω μέρος της σελίδας σας.

Λοιπόν,η διαδικασία είναι πολύ εύκολη και έχεις ως εξής:

1.Αρχικά θα πατε στο blog σας,στην σελίδα "Διάταξη" και θα πατήσετε, "Προσθήκη gadget".
2.Θα επιλέξετε Html/Javascript
3.Στην συνέχεια θα βάλετε τον παρακάτω κώδικα:

Κώδικας: Επιλογή όλων

<a style="display&#58;scroll;position&#58;fixed;bottom&#58;5px;right&#58;5px;" href="#" title="Back to Top"><img src="&#91;color=red&#93;Εδώ βάζετε το link της εικόνας σας&#91;/color&#93;" /></a>
π.χ.

Κώδικας: Επιλογή όλων

<a style="display&#58;scroll;position&#58;fixed;bottom&#58;5px;right&#58;5px;" href="#" title="Back to Top"><img src="http&#58;//3.bp.blogspot.com/_JwD5r652h00/SvDBW6QlhXI/AAAAAAAAARY/6ZxECjTlMxM/s400/bttp-13.png" /></a>
Και θα πατήσετε "Αποθήκευση".
-- Η φωτογραφία είναι μια αυστηρή και εκθαμβωτική ποίηση του πραγματικού... Άνσελ Άνταμς --
Ψάχνεις ανδρικά και γυναικεία παπούτσια; | Personal Blog

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Back to top Button[Blogspot]

Δημοσίευση από Sermac » 07 Μαρ 2010 23:22

Και μια δική μου έκδοση, αν μου επιτρέπεις! :P

Βήμα 1: Τοποθετήστε στο stylesheet το παρακάτω:

Κώδικας: Επιλογή όλων

a.gototop &#123;
    background&#58;transparent url&#40;"http&#58;//img692.imageshack.us/img692/1581/topqk.png"&#41; no-repeat scroll 0 0;
    width&#58;15px;
    height&#58;15px;
    position&#58;fixed;
    bottom&#58;5px;
    right&#58;5px;
    outline&#58;none;
&#125;

a.gototop&#58;hover &#123;
    background-position&#58;0 -15px;
    text-decoration&#58;none;
&#125;
Βήμα 2: Τοποθετήστε αμέσως μετά το <body> το παρακάτω:

Κώδικας: Επιλογή όλων

<a name="top"></a>
Βήμα 3: Τοποθετήστε ανάμεσα στα <body>...</body> το παρακάτω:

Κώδικας: Επιλογή όλων

<a class="gototop" href="#top"></a>
Preview:
Εικόνα

Η εικόνα είναι το ίδιο ευδιάκριτη είτε με φωτεινό είτε με σκούρο φόντο. 8)
Τελευταία επεξεργασία από το μέλος Sermac την 09 Οκτ 2010 16:19, έχει επεξεργασθεί 2 φορές συνολικά.
Εικόνα

Άβαταρ μέλους
artemioskas
Δημοσιεύσεις: 648
Εγγραφή: 08 Αύγ 2009 20:11
Τοποθεσία: Αθήνα
Επικοινωνία:

Back to top Button[Blogspot]

Δημοσίευση από artemioskas » 07 Μαρ 2010 23:44

Εννοείται πως σου επιτρέπω. :)
Όσο περισσότερα μπορούμε να μάθουμε,τόσο το καλύτερο.
-- Η φωτογραφία είναι μια αυστηρή και εκθαμβωτική ποίηση του πραγματικού... Άνσελ Άνταμς --
Ψάχνεις ανδρικά και γυναικεία παπούτσια; | Personal Blog

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Back to top Button[Blogspot]

Δημοσίευση από Basilakis » 10 Μαρ 2010 18:06

Tutorialized, ευχαριστούμε παιδιά! :D

Άβαταρ μέλους
artemioskas
Δημοσιεύσεις: 648
Εγγραφή: 08 Αύγ 2009 20:11
Τοποθεσία: Αθήνα
Επικοινωνία:

Back to top Button[Blogspot]

Δημοσίευση από artemioskas » 10 Μαρ 2010 22:56

Basilakis έγραψε:Tutorialized, ευχαριστούμε παιδιά! :D
Παρακαλούμε. :)

αα να κάνω και μία ερωτησούλα.αφού το έκανες βοήθημα δεν πρέπει να προστεθεί στα stats μας;;
-- Η φωτογραφία είναι μια αυστηρή και εκθαμβωτική ποίηση του πραγματικού... Άνσελ Άνταμς --
Ψάχνεις ανδρικά και γυναικεία παπούτσια; | Personal Blog

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Back to top Button[Blogspot]

Δημοσίευση από Basilakis » 10 Μαρ 2010 23:10

Ωραία ερώτηση :P

Θα γίνει φαντάζομαι, δεν ξέρω πως και πότε, δεν ξέρω πως το έχει φτιάξει ο Γιάννης! :)

Άβαταρ μέλους
artemioskas
Δημοσιεύσεις: 648
Εγγραφή: 08 Αύγ 2009 20:11
Τοποθεσία: Αθήνα
Επικοινωνία:

Back to top Button[Blogspot]

Δημοσίευση από artemioskas » 10 Μαρ 2010 23:33

Basilakis έγραψε:Ωραία ερώτηση :P

Θα γίνει φαντάζομαι, δεν ξέρω πως και πότε, δεν ξέρω πως το έχει φτιάξει ο Γιάννης! :)
Οκ.Και να μην γίνει δεν υπάρχει πάντως πρόβλημα. :)
-- Η φωτογραφία είναι μια αυστηρή και εκθαμβωτική ποίηση του πραγματικού... Άνσελ Άνταμς --
Ψάχνεις ανδρικά και γυναικεία παπούτσια; | Personal Blog

Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

Back to top Button[Blogspot]

Δημοσίευση από manolism » 12 Μαρ 2010 12:11

Μπήκε στα stats. Απλά αργεί μία ημέρα νομίζω

Άβαταρ μέλους
artemioskas
Δημοσιεύσεις: 648
Εγγραφή: 08 Αύγ 2009 20:11
Τοποθεσία: Αθήνα
Επικοινωνία:

Back to top Button[Blogspot]

Δημοσίευση από artemioskas » 12 Μαρ 2010 14:33

manolism έγραψε:Μπήκε στα stats. Απλά αργεί μία ημέρα νομίζω
Οκ.Το παρατήρησα και εγώ ότι αργεί λίγο...
Και πάλι όμως δεν θα υπήρχε πρόβλημα,απλά ήθελα να το ρωτήσω,έτσι από περιέργεια. :D
-- Η φωτογραφία είναι μια αυστηρή και εκθαμβωτική ποίηση του πραγματικού... Άνσελ Άνταμς --
Ψάχνεις ανδρικά και γυναικεία παπούτσια; | Personal Blog

Απάντηση

Επιστροφή στο “Blogspot.com - Blogger”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες