Flèches

obtenir ces boutons

Ajouter des flèches
vers le haut et le bas de la page

On trouve sur ce site, à droite de l'écran, en haut et en bas (à côté de l'ascenseur), des flèches vers le haut et le bas de la page. Ce sont des compléments indispensables pour les blogs qui affichent des longues pages. La flèche vers le haut de la page devrait être installée sur TOUS les blogs, et ce, d'autant plus que l'ajouter ne demande que quelques secondes. Elle facilite la lecture mais elle incite aussi le visiteur qui interrompt sa lecture au milieu de la page à RESTER SUR LE BLOG au lieu de le quitter en fermant cette page.

1) Pour ajouter uniquement une flèche vers le haut de la page, coller le code disponible ici dans un nouveau gadget HTML/ JavaScript, l'enregistrer et passer au point 3).

2) Pour ajouter des flèches à la fois vers le haut et le bas de la page :

-coller le code disponible ici dans un nouveau gadget HTML/ JavaScript et l'enregistrer ;

-ajouter dans le modèle (template) du blog, juste avant "</body>", à l'avant-dernière ligne :
<a name='http://modifier-les-modeles-de-blogger.blogspot.com/'/>
Rappel : comment modifier le modèle (template) d'un blog : cliquer ici.

3) On peut changer les images (".gif") des flèches. 737 modèles de flèches sont disponibles sur le site suivant : http://www.clipart-gif.com/clipart.php?cat=Webmaster&scat=Fl%E8ches. Le modèle fourni avec le code est toutefois conseillé. Il est à la fois discret et semblable en dimensions avec le bouton voisin situé sur l'ascenseur.

Rappel : pour ajouter un gadget HTML/JavaScript à un blog, il faut procéder comme suit :

1) Copier le code.

2) Cliquer sur :
"Mise en page" ;
"Ajouter un gadget";
"HTML/JavaScript".

3) Coller le code.

4) Enregistrer.


Pour insérer le gadget dans un message, insérer le code suivant dans la version HTML d'un message :

<a style="float: right; margin-left : 20px;" href="#"; alt="Haut de page" title="Haut de page"><img src="http://1.bp.blogspot.com/_sPwH_KmuNT8/S3hJt1c7LPI/AAAAAAAAAlY/wtfEMhOti2E//fleche+haut.GIF" /></a><style type="text/css">.post img {border:none;}</style>

13 commentaires:

Manon Sasseville a dit…

Bonjour,

Pour moi, tout fonctionne parfaitement, vous pouvez aller voir sur mon blog.

Manon
http://www.peoplestring-facile.com

sim a dit…

regarder sur le mien c'est parfait
http://wawifilm.blogspot.com/

FouineurduWeb a dit…

Bonjour,

J'ai ajouté ces petites flèches sur mon blog.

Par contre j'ai ça qui s'affiche dans la barre d'adresse :
http://fouineurduweb.blogspot.com/#http://modifier-les-modeles-de-blogger.blogspot.com/

Peut-on faire en sorte que seul l'adresse du blog apparaisse ?

Meiser a dit…

Si on utilise cette technique, il n'y a pas d'alternative : l'endroit appelé du message s'affiche automatiquement en haut de l'écran, comme s'il s'agissait de n'importe quel autre lien appelé.


FouineurduWeb a dit…

@Meiser : Donc d'après ce que je comprends il y a une autre technique qui permet de garder un lien "propre" ?

Meiser a dit…

1) Je n'en connais pas d'autre sinon je vous en aurais fait part.

2) C'est la même chose pour la flèche vers le haut qui ajoute # à l'adresse en haut de l'écran.


Anonyme a dit…

Une astuce pour appliquer le gadget dans tous les messages en une opération ?

Meiser a dit…

Bonjour.

Le gadget s'applique d'office à tous les messages.

Sur ce site, il est ajouté une seule fois dans un gadget HTML/JavaScript.


Anonyme a dit…

Merci, mais ma question portait sur votre dernier paragraphe qui consiste à intégrer une seule flèche vers le haut dans un message et non à l'écran.

Meiser a dit…

Bonjour.

Pour les messages, on peut mettre le code dans un gadget et le placer (dans "Éléments de la page") juste au-dessus ou en-dessous des messages.

Le gadget apparaîtra dans chaque message.


s'en sortir sur internet! a dit…

Merci Beaucoup

ça marche parfaitement bien chez moi aussi.

azam a dit…

Pour moi, tout fonctionne parfaitement, vous pouvez aller voir sur mon blog


http://slidedentaire.blogspot.com/

Matthieu Froment a dit…

Bonjour,

La flèche du haut marche parfaitement. Néanmoins, celle du bas, non.

Quelqu'un peut-il m'aider ?

Merci d'avance.