Βελάκι: "Επιστροφή στην κορυφή της σελίδας"

Πολλές φορές, η ανάρτησή μας... παρατραβάει. Πράγμα που σημαίνει, ότι όταν ο αναγνώστης μας φτάσει στο τέλος της, πρέπει να "κυλήσει" με το ποντίκι του, υπομονετικά για να ξαναφτάσει στην κορυφή της σελίδας μας. Εμείς όμως δε θέλουμε να κουράζουμε τους αναγνώστες μας, σωστά;
Γι' αυτό θα τοποθετήσουμε στο κάτω μέρος της σελίδας μας, ένα διακριτικό βελάκι, που με ένα απλό κλικ, θα μεταφέρει αμέσως τον αναγνώστη μας, στην κορυφή της σελίδας.

 Πάμε Διάταξη>Προσθήκη Gadget.
Προσοχή: Τοποθετήστε το νέο σας Gadget στο κάτω μέρος (footer) της διάταξης και όχι στην πλαϊνή στήλη. Αν το τοποθετήσετε στην πλαϊνή στήλη, δε θα εμφανίζεται στο κάτω-κάτω μέρος της σελίδας, αλλά θα ξεκινάει λίγο πιο πάνω.


Επιλέγουμε HTML/JavaScript.








Στο πεδίο που θα εμφανιστεί, κάνουμε επικόλληση τον παρακάτω κώδικα.



Στο τέλος κάνουμε "Αποθήκευση" και φυσικά "Αποθήκευση Διάταξης".

Το βελάκι που περιέχει ο παραπάνω κώδικας, το έφτιαξα εγώ (όπως και τον κώδικα). Είναι εντελώς απλό, για να ταιριάζει στα περισσότερα blog. Δείτε το:
Αν δε σας αρέσει, μπορείτε να επιλέξετε ανάμεσα στα παρακάτω χρώματα. Το μόνο που πρέπει να κάνετε είναι να αντικαταστήσετε στον παραπάνω κώδικα τη διεύθυνση URL της εικόνας, με μία από τις παρακάτω (επίσης δικές μου).

Αντικαταστήστε το:
με ένα από τα εξής:






Σχόλια

  1. Ακόμη μιά φορά θα σου πω ευχαριστώ που μοιράζεσαι τις γνώσεις σου μαζί μας.Σπεύδω να το εφαρμόσω. Φιλάκια και καλό Σαββατοκύριακο.

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Το έχω εφαρμόσει. Και πάλι ευχαριστώ.

      Διαγραφή
    2. Πολύ ωραίο, Γιούλα, χαίρομαι που βοήθησα!

      Διαγραφή
  2. Απαντήσεις
    1. Το είδα! Ταιριάζει πολύ στο blog σου!
      Φιλιά!

      Διαγραφή
  3. Βγαίνει πολύ μεγάλο και δεν αλλάζει μέγεθος παρ όλο που αλλάζω στον κώδικα τις διαστάσεις, επίσης εμφανίζεται απο το αρχή της σελίδας παρ όλο που το τοποθέτησα στο τέλος των gadgets.... :(

    ΑπάντησηΔιαγραφή
  4. το έφτιαξα!!!! ευχαριστώ πάρα πολύ!!

    ΑπάντησηΔιαγραφή
  5. πάω να το προσθέσω .... πολύ χρησιμο. Thanks

    ΑπάντησηΔιαγραφή
  6. EYXAΡΙΣΤΩ !!!ΕΥΧΑΡΙΣΤΩ!! με συγκίνησε η αμεση ανταπόκριση σου είσαι εξαιρετικός ανθρωπος που μοιράζεσαι μαζί μας τις γνώσεις σου.Μακάρι να μπορούσα να ανταποκριθώ κι εγώ σε κάτι για σένα....Ευχαριστώ και πάλι, καλό Σαββατόβραδο!!!
    Φιλάκια πολλά!!!

    ΑπάντησηΔιαγραφή
  7. Ευχαριστούμε πολύ!!!!!!!Είσαι φοβερή!!!!
    Καλό σ/κ!!!!
    Φιλάκια!!!

    ΑπάντησηΔιαγραφή
  8. ΤΟ ΕΚΑΝΑΑΑΑΑΑΑΑΑΑ!!!!!!
    ΕΥΧΑΡΙΣΤΩ ΠΟΛΥ!!!!!
    ΦΙΛΙΑ!!!

    ΑπάντησηΔιαγραφή
  9. Με τις γνώσεις σου στους υπολογιστές μας έχεις βοηθήσει πολύ!!!!!να σαι καλά!!!!καλή Κυριακή!!!!φιλιά!!!!

    ΑπάντησηΔιαγραφή
  10. πολυ χρησιμο, τρεχω να το εφαρμοσω!!!!φιλια πολλα!

    ΑπάντησηΔιαγραφή
  11. Το έκανα Λίνα αλλά δεν μου έβγαλε κάτι ...

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Χριστίνα μου, εγώ το βλέπω το βελάκι σου! Πρέπει να κατέβεις λίγο προς τα κάτω για να εμφανιστεί! Επίτηδες το έχω φτιάξει έτσι. Πάνω -πάνω δεν έχει νόημα!

      Διαγραφή
  12. Το βρήκα στο ιστολόγιό σου και το ΄φτιαξααααααα!Σ΄ ευχαριστώ για όλααααα!
    Να ΄σαι πάντα καλά!:-)

    ΑπάντησηΔιαγραφή
  13. Μόλις το έφτιαξα.....ευχαριστώ!

    ΑπάντησηΔιαγραφή
  14. Μόλις το έφτιαξα.....ευχαριστώ!

    ΑπάντησηΔιαγραφή
  15. Μόλις εγκατέστησα το βελάκι....
    Καλό βράδυ
    Φιλιά

    ΑπάντησηΔιαγραφή
  16. Αχχ...Σε ευχαριστώ πάρα πολύ! Έβαλα το φούξια βελάκι στο νέο μου blog και του πάει πάρα πολύ :)

    ΑπάντησηΔιαγραφή
  17. Υπέροχο το μπλογκοσπιτάκι σου linaaaap!!!!! Πριν λίγες μέρες σε ανακάλυψα και έχω κολλήσει!!!!
    Συγχαρτήρια που μοιράζεσαι τις γνώσεις σου, είναι πολύτιμος βοηθός!!!!!! Μόλις έβαλα το βελάκι και έγινε υπέροχο και τόσο εύκολο!!!!
    Καλή συνέχεια στο υπέροχο έργο σου!!!!!

    ΑπάντησηΔιαγραφή
  18. Τι εννοείς, Λίνα μου, με το παρακάτω:να αντικαταστήσετε στον παραπάνω κώδικα τη διεύθυνση URL της εικόνας, με μία από τις παρακάτω.
    Πώς θα βρω τη διεύθυνση URL της εικόνας;

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Σοφία, καλημέρα! Λίγο πιο κάτω εξηγώ τι ακριβώς πρέπει να αντικατασταθεί στον κώδικα. Αντικαταστήστε το: ... Θα βρεις αυτό τον μικρό κώδικα μέσα στον μεγάλο και θα τον αντικαταστήσεις με αυτόν που θες από τους υπόλοιπους!

      Διαγραφή
  19. Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.

    ΑπάντησηΔιαγραφή
  20. Γεια σου, κορίτσι μου! Να είσαι καλά, που με αντέχεις. Και να σκεφτείς ότι την πρώτη φορά το έφτιαξα με την πρώτη. Τώρα νόμιζα ότι κι αυτό ήταν κάποιο χρώμα .Καλά έκανα εκείνη την ανάρτηση: Ολημερίς το χτίζανε, το βράδυ γκρεμιζόταν. Με τόσες αλλαγές που πειραματίζομαι..., στο τέλος δε βλέπω τα αυτονόητα.
    Ευχαριστώ Σε!!!

    ΑπάντησηΔιαγραφή
  21. Σε ευχαριστώ πολύ για ό,τι έχεις αναρτήσει σχετικά με τους τρόπους βελτίωσης των blog. Για τη συνέχεια εύχομαι δημιουργική επικοινωνία με όλους μας. Με εκτίμηση Artenistas. (Ακολούθησα τις οδηγίες σου -που είναι απίστευτες, για το pin it και το βέλος επιστροφής)
    Σε ευχαριστώ και πάλι!

    ΑπάντησηΔιαγραφή
  22. Εισαι καλλιτεχνης αδελφε ! Ευχαριστω ! ! ! !!

    ΑπάντησηΔιαγραφή

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

Δημοφιλείς αναρτήσεις από αυτό το ιστολόγιο

Πώς θα κάνω κλήρωση διαγωνισμού με το random.org

Πώς θα βάλω λογότυπο/υπογραφή στην εικόνα μου;

Τα πάντα για την επεξεργασία ανάρτησης του blogger! Μέρος 2