Bouton/Lien "Haut de page" dans Blogger

Haut de page

Voici une petite astuce qui va vous permettre d’ajouter un bouton "Haut de page" dans votre blog Blogger.

Une icône "Haut de page" est présente en bas à droite de ce blog, cliquez dessus pour voir le résultat.
Vous pouvez utiliser l’icône de votre choix ou un simple texte "Haut de page" ou "Top" par exemple.
Connectez vous à Blogger, Allez dans "Mise en page", cliquez sur "Ajouter un gadget" puis sur "HTML/JavaScript" et copier / coller le code suivant :
<a style="display:scroll;
position:fixed;
 bottom:5px;
right:5px;" href="#"
alt="Haut de Page"
title="Haut de Page"><img src="http://blogspot.leblogger.com/divers/haut.gif"/></a>
Update:
Voici le tutoriel pour Ajouter un bouton "Bas de page" à votre blog Blogger-Blogspot.

Haut de pageHaut de pageHaut de pageHaut de page
Libellés : , Publié le vendredi, août 14, 2009
39 Commentaires
  1. comment faire pour le bouton bas de page?????????????

    RépondreSupprimer
  2. je vais publier ça très très bientôt, c'est juste une ligne de plus qu'il faut ajouter au code HTML .....

    RépondreSupprimer
  3. impossible de choisir le style de fleche
    sinon c'est tropcool
    toxic

    RépondreSupprimer
  4. Tu peux mettre la flèce que tu veux,
    faut jute remplacer l'url http://i860.photobucket.com/albums/ab162/LeBloggerTemplate/arrow-up.gif

    avec l'adresse de ton image !!!!!

    RépondreSupprimer
  5. Bonjour,
    Je n'arrive pas à trouver ce chemin:
    "Allez dans "Mise en page", cliquez sur "Ajouter un gadget" puis sur "HTML/JavaScript" et copier / coller le code suivant :"

    Et si je veux ajouter un gadget, il me propose une liste ou alors d'ajouter une URL...

    Qu'est-ce que j'ai manqué???

    Merci d'avance,
    Ludo

    RépondreSupprimer
  6. Ben, est-ce qu'il faut aller sur l'onglet "Mise en page", "Elements de la page" et "Ajouter un gadget"?
    Dans ce cas-là, je ne peux pas ajouter du "HTML/..."
    Voilà où je me trouve:
    http://img4.imageshack.us/img4/4177/tableaudebordf.jpg

    RépondreSupprimer
  7. d'après l'image, il faut cliquer sur "général" qui en haut a gauche, puis choisir "HTML javascript" et coller le code du widget.

    Dit moi si ça marche !!

    RépondreSupprimer
  8. Toujours pas.
    Voici ce que cela me donne:
    http://img299.imageshack.us/img299/487/gadgetgnral.jpg
    A aucun moment je n'ai la possibilité de faire un copié/collé ou a accéder à une zone éditable...

    RépondreSupprimer
  9. comme je t'ai dit, il faut juste cliquer sur "HTML/JavaScript" et coller le code

    RépondreSupprimer
  10. Je voudrai bien, mais il n'apparait nulle part...
    J'ai l'onglet "mise en page", "modifier le code HTML" mais ce n'est pas dans la rubrique des gadgets...
    Comment je fais pour trouver "HTML/JavaScript"???

    RépondreSupprimer
  11. Aurais-tu une image de la fenêtre? Pour que j'essaie de me repérer visuellement?

    RépondreSupprimer
  12. dans l'image que tu as envoyer c'est le troisième truc dans la liste du millieu.
    C'est pas possible, tu fais exprès là !!!!!!

    RépondreSupprimer
  13. Je viens de voir ça!!!
    Pff trop nul sur ce coup!!!
    Je cherchais une fenêtre à remplir!
    Désolé :(

    Ah si, deux dernières choses:
    1/ ça marche!!!,
    2/ MERCI!!!
    ;)

    RépondreSupprimer
  14. COUCOU ! et pour le bas de page tu n'as toujours pas ajouter la ligne à ajouter ;-)

    RépondreSupprimer
  15. @ Alexandrah
    oui, je vais fair ça très vite.

    RépondreSupprimer
  16. Super, merci , c très gentil à toi !!

    RépondreSupprimer
  17. @ Alexandrah
    Avec un peu de retard, mais voici l'article pour Ajouter un bouton Bas de page à un blog Blogger

    Dit moi si ça marche bien.

    RépondreSupprimer
  18. Ton widget est bien il est simplement dommage qu'il ne se voit pas, ce qui serait bien c'est qu'il soit a deux ou trois centimètres a droite de la colonne centrale :)

    RépondreSupprimer
  19. Ce commentaire a été supprimé par un administrateur du blog.

    RépondreSupprimer
  20. bonjour
    comment faire pour ajouter a blogger un lien qui ouvre une page avec textes et photos?

    mel :jimfed@orange.fr

    merci

    RépondreSupprimer
  21. Allo voilà

    J'ai essayé de mettre un bouton tel que tu l'expliques plus haut SAUF que je n'aimais pas le résultat donc j'ai clické sur modifier le gadget et ensuite sur suprimer et depuis j'ai cette erreur bX-y67gr0 (des petits outils dans la marge des gadets)

    RépondreSupprimer
  22. Re Allo Soufiane

    Laisse tomber tout est fixé Bonne Journée

    RépondreSupprimer
  23. trop cool! je l'utilise depuis un mois et c'est tres utile. www.systemista.blogspot.com

    RépondreSupprimer
  24. bonjour
    J'ai un petit blem avec çà:Tu as dis:
    "Connectez vous à Blogger, Allez dans "Mise en page", cliquez sur "Ajouter un gadget" puis sur "HTML/JavaScript" et copier / coller le code suivant :"
    Hors quand je clique "ajouter un gadget" dans la fenetre qui s'ouvre je ne vois aucune option "HTML/JavaScript"
    Zut alors!j'suis p'tetre miro ;-)
    Technique:
    Nouvel éditerur, Blogger in Draft, modèle Awesome.Inc"

    Un petit conseil STP je voudrai mettre un bouton haut de page sur chaque post si possible, sinon en bas de page
    Merci d'avance

    RépondreSupprimer
  25. Bonjours, j'ai un très bon script de boutons haut et bas de page, mais je n'arrive pas à le coller ici, cela me dit: Impossible d'accepter votre texte HTML: Cette balise n'est pas autorisée.:
    Donc si ça vous intéresse vous pouvez les voir ici:

    http://webboutiquevelane19.blogspot.com/

    amicalement,
    velane19

    RépondreSupprimer
  26. Pareil pour moi...en fait qd je veux ajouter un Gadget....je vais dans
    PRESENTATION...puis je choiisi l'endroit ou je veux ajouter mon gadget (selon le modèle choisi a la base, le mien c'est SIMPLE)
    Ensuite j'ai le choix de pleins de Gadgets...
    Je vais sur AJOUTER VOTRE PROPRE GADGET (le dernier choix)
    Et là...on ne sais rentrer qu'un adresse URL...rien de Javascript ou HTML!!!
    Que dois je faire????

    RépondreSupprimer
  27. ne vas pas dans ajouter votre propre...Regarde dans la liste des gadgets...Je viens de faire la mème

    RépondreSupprimer
  28. bonjour

    je fais tout bien et rien n'apparait, je crois que je modifie mal la dernière phrase. un petit coup de main?

    Hervé

    RépondreSupprimer
  29. Je suis exactement des conseils et quand je clique dessus il me met "Configurer HTML/JavaScript" ?

    RépondreSupprimer
  30. Encore merci pour tous tes gadgets Soufiane :-)

    RépondreSupprimer
  31. Merci pour ces super astuces et longue vie à Le Blogger

    RépondreSupprimer
  32. Bonjour Soufiane,
    Y-a t-il un problème avec ce gadget ? Il ne fonctionne plus et affiche un point d'interrogation bleu à la place (le bouton que j'avais choisi est le petit gris tout simple) ?
    Merci pour vos réponses.

    RépondreSupprimer
  33. Merci du partage, très joli résultat.
    Bien cordialement.

    RépondreSupprimer
  34. merci beaucoup !! regarder ce que j'ai crée pour mon blog http://tellmh.blogspot.com/ en creant une Gif Animé pour le bouton ''haut de page'' ! :D cool non?

    RépondreSupprimer

Copyright 2015 Soufiane.fr