Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
30 juillet 2012 1 30 /07 /juillet /2012 10:28


1. Insérer une image avec un lien de retour vers le haut de l'article

Pour les blogueurs bavards, et qui ont donc des articles longs, je conseille d'ajouter en bas de vos article
une petite image sur laquelle le visiteur peut cliquer pour remonter directement en haut de page (ou d'article).

Cela évite d'utiliser continuellement l'ascenseur sur la droite, et c'est beaucoup plus rapide !


2. Code HTML pour un lien vers le haut de l'article

Ce code est en javascript mais il fonctionne tout de même en mode confiance chez OverBlog.

Le code à copier est :

<a href="javascript:scroll(0,0)"><br /><img src="adresse image lien vers le haut.gif" class="DrteTexte" /></a>

et vous mettez l'adresse html de l'image que vous avez choisi.


3. Code complet avec l'image que j'utilise

Pour exemple, le code avec la petite flèche clignotante utilisée en bas à droite de cet article est :

<a href="javascript:scroll(0,0)"><br /><img src="http://www.gif-anime.org/im/gif/webmaster/fleches/fleches28.gif" class="DrteTexte" /></a>






 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Partager cet article
Repost0

commentaires

D
<br /> J'ai compris le texte qui défile en ascenceur mais comment faites-vous pour le mettre dans un cadre ??? et peut-on choisir un cadre ?<br /> <br /> <br /> En attendant votre réponse, je tiens à vous souhaiter une bonne année 2013 !<br /> <br /> <br /> Ps ; je me suis permise de mettre votre "logo" sur mon blog.<br />
Répondre
A
<br /> <br /> Il faut ajouter un attribut de type "border"<br /> <br /> <br /> http://faireunblog.over-blog.com/article-principales-proprietes-leurs-descriptions-et-valeurs-en-html-39542155.html<br /> <br /> <br /> <br />
D
<br /> Bonjour !<br /> <br /> <br />  <br /> <br /> <br /> Merci beaucoup pour votre réponse, au début j'ai tatonné, n'y connaissant pas grand chose aux scripts, lignes etc...Encore merci pour votre gentillesse, Cordialement, Domi.<br />
Répondre
D
<br /> Bonjour,<br /> <br /> <br /> J'apprécie beaucoup les explications sur votre blog, car elles sont claires et concises, du moins me semble t-il, par contre Help ! pourriez-vous me dire comme peut-on faire pour aller direct<br /> vers le bas de la page ? et donc avec quel code ou script ? Merci beaucoup d'avance<br />
Répondre
A
<br /> <br /> http://faireunblog.over-blog.com/article-image-pour-un-retour-rapide-en-haut-d-article-40005672.html<br /> <br /> <br />  <br /> <br /> <br /> Relpacer le second 0 du code par une grande valeur, correspondant au muiméro de ligne en bas d'article... faire des essais<br /> <br /> <br /> <br />
L
<br /> <br /> finalement j'ai réussi il falait utilisé le html c'est petit je l'aivais pas vu, merci ton blog est genial<br /> <br /> <br /> <br />
Répondre
L
<br /> <br /> salut j'ai fait ce qui est dit mais quand je clique sa me fait revenir en haut de page mais de la page d'aceuil moi je voudrais revenir en haut de page de la page actuelle a laquelle je me<br /> trouve, aide moi s'il-te plait<br /> <br /> <br /> <br />
Répondre
A
<br /> <br /> Tu peux changer la fleche, bien sur !<br /> <br /> <br /> <br /> <br /> <br /> <br />
B
<br /> <br /> Petit coucou de ton retour ?....<br /> <br /> <br />  <br /> <br /> <br /> <br />
Répondre
A
<br /> <br /> Voui voui ! merci<br /> <br /> <br /> <br />
I
<br /> <br /> Moi j'ai souvent des problèmes avec les javascript. <br /> <br /> <br /> J'ai créé une boutique, http://st3ve540.carrefourinternet.com/, si tu ne trouves pas ton bonheur fais moi signe, je peux arranger ça ;)<br /> <br /> <br />  <br /> <br /> <br /> Bonne visite, et $$$, Steve<br /> <br /> <br /> <br />
Répondre
T
<br /> <br /> je passe vous dire  BONJOUR  s'est super votre astuce mais il faut juste un image gif pour pouvoir remonter<br /> <br /> <br /> j' ai trouver cette astuce qui est pas mal aussi<br /> <br /> <br /> Haut de Page<br /> <br /> <br /> <br /> <br /> <br /> bonne journée<br /> <br /> <br /> <br />
Répondre
A
<br /> <br /> merci pour l'info<br /> <br /> <br /> <br />
K
<br /> petite visite du samedi ! et clic :)<br /> <br /> <br />
Répondre
B
<br /> <br /> Merci de ton passage ...<br /> pas le temps de regarder ce soir ...<br /> A+.<br /> <br /> <br /> <br />
Répondre
A
<br /> Tu reviens quand tu veux ! Bye<br /> <br /> <br />

Présentation

  • : Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation