Gee Mee

Soyons lucide! Rien n'empêche un esprit mal intentionné de s'emparer d'une photo par une simple capture d'écran.

Ne devenons pas parano! Parmi les solutions ici testées, vous en trouverez une suffisamment dissuasive.

Nous avons vu comment proposer l'accès aux archives en proposant une liste déroulante en bas du calendrier. Voyons comment appliquer cette méthode à la mise à disposition de listes de liens.

De nombreux blogs proposent des listes de liens à rallonge qui vont prendre grand place dans une ou deux colonnes. Afficher la liste ou pas, faire une sélection ou pas, autant de questions que chaque bloggueur finit par se poser. Sans prétendre proposer la solution idéale, la liste déroulante peut-être intéressante en prenant peu de place, tout en étant toujours gérée par le module d'administration de Hautetfort.

Pour éviter les malentendus, cliquez-ici pour voir un exemple de listes de liens mises en liste déroulante. Voyons un extrait du code.

Personnalisez l'affichage de vos listes de liens en donnant quelques informations aux visiteurs qui s'apprêtent à les suivre. Révision d'une note publiée le 27/01/2009.

Parmi tous les trucs qui m'énervent, il y a le fil rouge des fromages fondus du bovin souriant, et l'huile des sardines en boîte bien sûr, mais aussi les cases de formulaire inutiles. Quand vous créer une liste de liens avec le module Hautetfort, et que vous faites une description appliquée, aussi pertinente que concise... Elle ne sert à rien. Elle est dans le formulaire, vous retrouvez la description dans le module d'administration, mais pas moyen d'afficher sur la partie publique du blog. Ou alors, et c'est possible, je ne comprend rien à rien.

Je vous propose de rendre cette description disponible dans une infobulle, cette zone qui s'affiche au survol d'un lien hypertexte. C'est déjà en place pour la liste de liens « Échangeur », mais vous pouvez voir un module de test ici.

Il m'arrive parfois de pester en voyant l'ampleur démesurée des visites provoquées par la recherche d'information à propos du lecteur exportable de Deezer. Je crois avoir beaucoup mieux à faire que leur promotion, et notamment parce que c'est loin d'être la plateforme idéale. Nous allons d'ailleurs combler l'une de ses lacunes en même temps que l'une de la plateforme Hautetfort. Personnalisons donc le lecteur de fichier MP3.

Pour lire sur votre blog des fichiers sonores dont vous avez l'autorisation de diffusion, parce que cette chanson est expressément libre de diffusion (comme la plupart des contenus de Jamendo, et de Dogmazic), ou parce que vous l'avez faite vous-même (avec texte et composition musicale de votre cru, sinon, il faut quand même penser à la SACEM), Hautetfort propose une solution.

Insérer un fichier multimédia

Si vous n'avez pas eu la curiosité pour le faire, dans l'éditeur de note, cliquez donc sur le bouton à gauche de l'insertion d'image. Il représente un haut-parleur et une note. Vous pouvez insérer une vidéo, un son, depuis un fichier présent sur votre ordinateur, ou depuis une URL, et vous obtenez quelque chose comme ça.

Personnalisons l'affichage du module "Notes récentes", en modifiant le nom du module, le nombre d'items, en précisant la date de publication, et en finissant par un lien avec les archives. Et tout ça en une note (mise à jour d'une note déjà révisée le 2 avril 2009).

La mise à jour de la note consacrée à la personnalisation des éléments de colonne m'a obligé à revoir celle-ci pour vous proposer un code "facilement" exploitable, et légèrement modifié. J'espère que c'est maintenant le cas.

Mais où est passé "Notes récentes" ?

Sur ce blog, effectivement, il n'y en a plus. On trouve à l'emplacement qui était le sien, un module nommé "Denières notes", qui affiche les 8 dernières notes, datées, et propose un accès aux archives.

J'ai dû chercher le code dans le modèle de page de la colonne où il était installé, pour trouver quelque chose comme :

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

   

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

   

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.

Hautetfort ne donne que l'auteur du commentaire et le titre de la note concernée. Nous ne sommes pas obligés de nous en contenter. (Mise à jour d'une note du 13 mai 2009)

Quand d'aucuns toujours ministres vous inciteraient à prendre le vélo parce que l'essence est trop chère, comme d'autres vous inciteraient à manger des brioches quand le pain viendrait à manquer, il est temps de se prendre en charge pour ne pas se laisser faire par le système. Modestement, et avec gentillesse, bousculons les habitudes de notre blog pour afficher le début des commentaires.

Cette note a été mise à jour...

D'abord publiée le 20 janvier 2009, cette note a été mise à jour le 2 avril, pour conseiller le blogmestre avisé de prolonger sa lecture par la note détaillant la création d'un nouvel élément. Une véritable refonte a été faite 13 mai, après la mise en place du "fil de discussion" dans les commentaires.

Si le code de l'élémént "Commentaires récents" n'a pas réellement évolué, une mise à jour semble s'imposer pour ceux qui l'avaient personnalisé. C'était l'occasion de réécrire le code et la note qui suivent.

Tous les blogs Hautetfort peuvent disposer d'un moteur de recherche facile à mettre en place, et relativement efficace. Sauf que cela ne suffit pas toujours. (Actualisation d'une note datée du 25 mai 2009)

Le moteur de recherche interne proposé par la plateforme se met en place très facilement, puisqu'il suffit de se rendre dans la gestion du contenu des colonnes pour ajouter cet élément. Difficile de faire plus simple. Nous pouvons en changer l'apparence, le texte du bouton, mais ce n'est pas le propos du jour.
Ce moteur recherche dans le corps des notes, ce qui est un minimum est aussi son maximum. Soyons juste, cette fonctionnalité satisfait l'essentiel de mes besoins, et vraisemblablement des vôtres. On peut soumettre des mots comme des expressions, et les résultats n'ont rien d'aberrant. Mais il n'y aura pas de recherche possible sur les auteurs de notes ou de commentaires, et pas plus dans le texte de ces derniers.

Depuis la généralisation des menus qui se déplient sur plusieurs niveaux, l'utilisation de menus déroulants à des fins de navigation s'est considérablement amenuie. Devant la difficulté d'installer vous-même des menus "dépliants", et devant les résultats très variables selon les navigateurs, je vous propose de retourner à ces bonnes vieilles "drop-down list". D'autant que l'on peut en profiter pour pallier la carence de navigation vers les mois précédents et suivants dans le calendrier des blogs Hautetfort.

Comment créer un simple menu déroulant
Le principe est d'utiliser un code en javascript qui va afficher une liste. La sélection d'un libellé "passera" une adresse et déclenchera l'ouverture de la page visée. C'est basique, pas très joli, mais ça marche très bien. Habituellement, il est recommandé de placer le code principal du script dans l'en-tête <head>, puis les appels de paramètres dans le corps de la page. J'ai pu expérimenter le bon fonctionnement du code, malgré une intégration dans le corps seulement de la page.
Pour vous, c'est une bonne nouvelle, vous n'aurez qu'à créer un élément de colonne, sans avoir à modifier le <head> de tous les modèles de page pour insérer le script principal.

À titre d'exemple, vous trouverez un menu dans la colonne à ce niveau là, et en voici le code :