AIDE du webmaster

AIDE DU WEBMASTER pour le blog "La Maison de Léon"
Les rubriques sont présentées comme dans un blog c'est-à-dire que le message le plus récent est en haut. On peut faire une recherche sur un mot en tapant F3 (clavier). Cette aide peut aussi donner des idées pour "bidouiller" d'autres blogs.

REPÉRAGES

 Quand on veut travailler tour à tour en mode "Rédiger" et "HTML", il arrive souvent qu'on ne s'y retrouve plus et qu'on ne sache pas où coller (par exemple) un code. Il faut dire que le code HTML d'une page peut être extrêmement long.

Un truc perso qui me sert souvent: 
En mode "rédiger", taper à l'emplacement où vous voulez placer votre code (ou autre)le mot "ICI" en majuscules. Une fois en mode HTML, il vous sera facile de retrouver ce mot et son emplacement exact notamment en faisant une recherche avec F3 (au clavier). Il suffit alors de rechercher puis de sélectionner "ICI" et de coller à la place votre code... Il sera positionné parfaitement.

 LIENS INTERNES (3)

 J'ai résolu le problème des liens internes et des ancres qui étaient altérés par Blogger quand on passait en mode "Rédiger"
Il suffit de copier le code HTML de votre lien à savoir ...
<a href="#nom-ancre" target="_self">texte du lien</a>


  • Ensuite, allez sur ce site: http://jean-louis.pierre.pagesperso-orange.fr/Crypter-le-HTML.htm. Ce site permet de coder un morceau de code HTML en Java-Script. On peut même coder toute une page ou tout un message... Le même utilitaire permet aussi de décoder du html précédemment codé.
  • Collez le code de votre lien dans la lucarne puis cliquez sur "Encoder"
  • Copiez le code obtenu et collez-le à l'emplacement de votre lien d'origine (en mode Html)
  • Faites la même chose avec l'ancre (par contre utilisez ce code: <a name="nom-ancre"></a> et non pas <div id="nom-ancre">)
  • Collez le résultat à l'emplacement de votre choix dans votre blog en mode HTML. 

WIDGET Quoi c'est !?!


Widget est une contraction des mots windows et gadget (dixit Wikipedia)
En informatique, le mot widget recouvre deux notions distinctes en relation avec les interfaces graphiques. Il peut alors être considéré comme étant la contraction des termes window (fenêtre) et gadget. Il peut désigner :

  • un composant d'interface graphique, un élément visuel d'une interface graphique (bouton, ascenseur, liste déroulante, etc.) ;
  • un widget interactif, un petit outil qui permet d'obtenir des informations (météo, actualité, dictionnaire, carte routière, post-it, traducteur etc.).
  • Pour moi, un widget est un "module" ou "object" relativement indépendant de l'ensemble de la page web. Certains widgets sont véritablement des "gadgets" dans le sens où il ne sont pas vraiment utiles, d'autres sont indispensables comme par exemple le titre et les messages qui sont aussi des widgets.


Liens internes (2)

J'ai modifié les ancres qui se présentent depuis peu sous cette forme:
<div id="identifiant"></div>
au lieu de  <a name="identifiant"></a>

 Liens internes

Ce paragraphe est devenu obsolète depuis que j'ai trouvé le truc pour empêcher Blogger d'altérer les liens et leurs ancres (voir plus haut "LIENS INTERNES (3)". Je le laisse pour information seulement.

 La plupart des liens en dessous du titre sont des liens internes à la page. Ces liens ne mènent pas à une autre page mais à une rubrique ou un paragraphe de la même page. Le repère au début du paragraphe ou de la rubrique est appelé une "ancre" ou "anchor" en Anglais. Ce type de lien fait gagner beaucoup de temps au visiteur étant donné que lorsque l'on clique sur ce genre de lien, la réponse est instantanée.
Malheureusement, Blogger gère très mal ce genre de lien et ne peut s'empêcher de les modifier automatiquement quand on passe en mode "Rédiger". Résultat, les liens ne fonctionnent plus du tout.

 NOTE: Ces "ancres" n'existent plus dans le blog "La Maison de Léon", elles ont été remplacées par des ancres de type <div id="identifiant"></div>

   !  A chaque fois que l'on édite un message, il faut refaire les corrections. Quand on en a l'habitude, cela ne prend guère plus d'une minute pour plusieurs ancres, quelques secondes pour une seule, surtout si elle est en début de message... Maintenant que le problème des ancres a été résolu, il ne reste plus qu'à veiller sur les liens  "Retour en haut de page" qui eux ne sont pas à l'abri d'altérations... Mais c'est moins de boulot!

 Exemple d'ancre modifiée
  • Correct:                            <a name="presentation"></a>
  • Modifié par Blogger:         <a href="" name="presentation"> ou pire encore: <a href="http://www.blogger.com/blogger.g?blogID=8531780536436554191" name="presentation"></a>
...et ça ne fonctionne plus, bien sûr!

Comment éviter cela?

 A ce jour, il n'y a aucun correctif concernant ce bug. Seule solution: éviter de passer en mode "rédiger". Facile à dire! (voir aussi message plus haut)

 Comment corriger cela?
  1. Il faut éditer le message en mode html seulement.
  2. Repérer la ou les ancres dans le message (en général tout en haut du message ce qui facilite la recherche)
  3. Pour faire une recherche de texte dans Google Chrome: touche F3 du clavier, une petite fenêtre s'ouvre en haut à droite. Taper dedans le ou les mots à rechercher, par exemple ici:  <a href="" name=   Google Chrome va surligner toutes les occurrences rencontrées dans le code HTML du message.
  4. Dans le code erroné, sélectionner ce qui surligné en orange <a href="" name="presentation"> et supprimer href="" . Attention, il y a un espace après ""
  5. Refaire la même opération pour les autres ancres du message
  6. Mettre à jour (ou re-publier)et surtout ne pas repasser en mode "rédiger"(!)
Exemple de lien modifié et correction

  • Correct: <a href="#top" target="_self">Retour en haut de page</a></div>
  • Modifíé par Blogger: <a href="http://www.blogger.com/blogger.g?blogID=8531780536436554191#top" target="_self">Retour en haut de page</a></div>
  • Correction: supprimer la partie surlignée en orange.
  • Si on doit rechercher plusieurs liens altérés, il suffit d'entrer dans la petite fenêtre de recherche et d'y coller http://www.blogger.com/blogger.g?blogID=8531780536436554191

Pour info, dans le blog "La maison de Léon", ces liens se trouvent pour la plupart en dessous du titre dans un "widget" de LIENS. Il est donc recommandé de ne pas toucher à ce widget (ou Gadget ou module). Le lien utilisé en exemple, par contre, est répété en début de chaque message. Il permet de remonter instantanément en haut de page ("top").

 Liste des rubriques (ou messages) contenant des liens internes.
Mise à jour: Les ancres classiques ayant été remplacées par des "DIV identifiés", seuls les liens vers une ancre devront être vérifiés.
  • Widget des liens: contient 11 liens de ce type et un lien classique
  • Présentation: aucun lien de ce type actuellement et les ancres ont été remplacées par des "DIV". Ne contient pas le lien "Retour en haut de page" (pour l'instant)
  • Tarifs-Réservation-Contact. contient le lien Retour en haut de page
  • Vue du ciel: contient le lien Retour en haut de page
  • Vue de l'extérieur: contient le lien Retour en haut de page
  • Intérieur: contient le lien Retour en haut de page
  • Jardins: contient le lien Retour en haut de page
  • Les environs immédiats: contient le lien Retour en haut de page
  • Météo: contient le lien Retour en haut de page
  • Aide: contient le lien Retour en haut de page