Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

08.02.2010

Afficher le début d'une note en sachant couper, et pointer vers une ancre pour « Lire la suite... »

[MAJ] Nous avons déjà vu comment modifier le modèle de la page d'accueil pour n'afficher que le début des notes. Le mécanisme que je vous ai proposé souffre d'un défaut de "conception", et je tente ici d'en limiter les effets.

La méthode1, dont vous retrouverez le détail dans cette note, tronque la note. J'ai d'abord cru que cette troncature s'appliquait au texte, avant de comprendre qu'elle s'appliquait au code source. C'est une différence de taille qui rend l'utilisation de l'instruction "truncate" délicate, au regard de laquelle le confort du format de note longue de l'offre pro est incomparable.

Voyons le principe de cette troncature, avant de voir comment s'en accomoder.

Lire la suite

Afficher le début des notes de la page d'accueil, des catégories, ou des tags...

[MAJ] Pour ne pas trop rebuter vos visiteurs par une très longue et très lourde page d'accueil. Pour appâter les hésitants en proposant rapidement le début de plusieurs notes... Et pour vos statistiques aussi.

C'est tellement bien... que c'est pour l'offre pro.

Ce doit bien être le fond de la pensée chez Hautetfort, puisqu'une fonctionnalité toute prête existe dans l'abonnement pro. D'un simple dans l'éditeur de note, vous passez du "format de note classique" au "format de note longue". Deux fenêtres d'éditeur sont alors ouvertes, l'une pour une "introduction", et l'autre pour le "corps de la note".

En acceptant quelques contraintes dans un blog gratuit, on peut tout de même afficher le début d'une note sur la page d'accueil, ainsi que sur une page de catégorie, ou de tag. C'est possible avec une fonction de "troncature" relativement simple à mettre en place, mais son utilisation exigera de vous beaucoup d'attention et de rigueur.

Lire la suite

16.01.2010

Insérer des notes de bas de page sans effort

J'avais déjà écrit à propos des ancres, et je vous propose ici un mode opératoire spécialement dédié aux personnes... économes de leurs efforts. Mais il faudra tout de même lire jusqu'au bout.

Qu'il s'agisse de donner les références d'une citation, ou de renvoyer à une actualisation, il est utile de pouvoir faire des renvois vers la fin d'un texte1 ; l'information est consultée par le lecteur acceptant d'interrompre sa lecture, alors que l'autre continuera de suivre le fil.

Techniquement, il s'agit d'un lien interne, vers un point précis dans le document. C'est évidemment à vous de spécifier le point précis dans le document en attribuant un nom (name) à une ancre.

En code Html, l'appel de note ci-dessus s'écrit :

<sup><a href="#corps_de_note_1" name="appel-de-note-1" id="appel-de-note-1">1</a></sup>

En code Html, le corps de la note concernée s'écrit

<sup><a href="#appel-de-note-1" name="corps_de_note_1" id="corps_de_note_1">1.</a></sup>

Ce n'est pas compliqué, mais répéter cette manœuvre sans se tromper dans les références peut s'avérer rapidement fastidieux.


Comment gagner du temps ?

Lire la suite

09:30 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : html, lien, ancre, note, note de bas de page | |  del.icio.us | | Digg! Digg |  Facebook

04.12.2009

Dynamisez vos notes avec vos archives et LinkWithin

Kielut l'a vu dans d'autres blogs, elle l'a voulu dans le sien. Au bas de chaque note de blog, le widget LinkWithin affiche les liens vers des notes "similaires", selon le contenu, le titre ou les tags. La note explicative d'origine a été publiée sur Upsetdiary, et nous l'avons fait évoluer ensemble pour cette version avec vidéo.

Lire la suite

06.10.2009

Personnalisez les éléments des colonnes sans (trop) intervenir dans le code

Il n'est pas toujours nécessaire de passer en configuration avancée pour modifier le fonctionnement des modules situés dans les colonnes de votre blog. À condition de disposer du code adéquat, vous pouvez utiliser la gestion du "contenu des colonnes". (Mise à jour d'une note du 2 avril 2009)

J'ai déjà tenté de vous dissuader de modifier le code des éléments de colonne, en intervenant directement dans le code Html, des modèles de page « colonne de droite » ou « colonne de gauche ». Cela fonctionne correctement, mais toute intervention via le module d'administration de « Contenu des colonnes » effacerait vos interventions précédentes.

Je vous recommande donc d'utiliser l'administration de « Contenu des colonnes », accessible sans passer en configuration avancée, en réservant cette dernière à la récupération du code.

Comment récupérer le code d'un élément de colonne ?

Vous trouverez de nombreux exemples de code à récupérer dans mes notes, ce n'est peut-être pas la source la plus fiable, mais c'est celle que je connais le mieux. J'essaie de mettre la version d'origine avant mon code personnalisé, ce qui vous évite de passer en configuration avancée.

Pour récupérer le code d'un élément qui vous intéresse, il faut qu'il soit activé sur votre blog, puis passer en configuration avancée pour aller chercher dans le code des modèles de page « colonne de droite » ou « colonne de gauche ». Si vous avez peur de vous tromper, rien ne vous empêche de ne temporairement laisser activé que l'élément qui vous intéresse. Pour mémoire, la petite croix à côté de « colonne de droite » ou « colonne de gauche » ne fait que désactiver un élément. Pour « supprimer », il faut vraiment cliquer sur ce mot dans la liste des éléments, et H&F vous demande de confirmer.


Comment intégrer un code personnalisé.

Le principe est assez simple, il faut ajouter un élément personnalisé de texte, et y coller le code. Je vous le redis, les instructions spécifiques à la plateforme Hautetfort doivent être placées dans un élément « texte » et non « code Html / Javascript ».

Rappel : La mise à jour du contenu des colonnes réinitialise totalement le code Html de vos colonnes. Sauvegardez d'abord votre code personnel si vous en avez déjà.

  1. Dans l'administration, allez à Présentation / Contenu des colonnes

    341434024.jpg

  2. En bas de page, vous trouvez "Ajouter un élément personnalisé", choisissez « Ajouter un texte »

    Hautetfort_ajouter_element_personalisé_texte_code_personnalise.png
  3. Donnez un nom dans "Nom de l'élément"

  4. Dans "Contenu de l'élément" collez le code

  5. Selon le cas choisissez d'afficher ou non le "Nom de l'élément"

  6. Selon le cas choisissez d'aligner ou non le contenu du module

  7. Ces deux dernières options seront facile à modifier.

  8. Cliquez sur [Ajouter cet élément]

  9. Vous avez un nouvel élément dans votre liste, il faut choisir entre Ajouter à gauche ou Ajouter à droite (si vous avez les deux colonnes de côté).

  10. Remontez en haut de la page pour régler la position de l'élément dans la colonne

  11. Cliquez sur [Mettre à jour ces informations] sous la liste des éléments

Voilà, vous avez un nouvel élément dans votre liste, qui fait référence à votre CSS. Pensez à désactiver l'ancien en cliquant sur la petite croix que l'on voit à côté du contenu de chaque colonne.