Gee Mee

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.

Nathalie, Gagnante VNB 2008 :

"Au terme de 3 mois d’une belle aventure, qui a vu 381 blogs s’inscrire et 64 finalistes se démarquer, la seconde édition du concours Very Nice Blog touche à sa fin.

C’était pour moi une grande première que de participer à ce concours « de l’intérieur », en tant que membre du jury et j’y ai pris grand plaisir, même si ce n’est jamais simple de résumer un blog à 3 notes.
En tout cas, cette expérience m’a permis une belle balade au pays de la blogosphère…

Donc, après de longues délibérations et quelques arrachages de cheveux, le jury a tranché..."

Lire la suite...

Nous avions abordé le principe dans « Pourquoi et comment adapter des feuilles de styles pour l'impression et les mobiles ? », voyons maintenant le procédé qui permettra d'imprimer sans faire mauvaise impression.

Copions d'abord la feuille de styles courante

Vous considérez peut-être avoir assez de difficultés comme cela avec une feuille de styles pour ne pas vous ennuyer avec plusieurs. Avez-vous essayé d'imprimer l'une de vos notes, d'en lire une sur un écran de téléphone portable ? Si certains services existent pour vous faciliter la tâche, vous pouvez tenter d'améliorer les différents rendus de votre blog par vous-même. Voyons d'abord le principe.

Cette évidence a conduit le service hautETfort à améliorer l'échange et le suivi de commentaires au sein d'un blog.

En plus de gérer les contributions de vos visiteurs, vous pouvez afficher les avatars des utilisateurs de Gravatar, créer le "fil" des commentaires, et personnaliser l'affichage de vos réponses.

Cette note a vocation à être régulièrement mise à jour pour vous permettre de suivre ma progression dans mes travaux. Ou pas.

22 novembre

J'ai enfin rétabli le pied de note personnalisé qui force le retour à la ligne avant l'affichage des catégories et des tags.

Plus important, le rétablissement de la fonctionnalité d'impression avec le service "PrientFriendly", en attendant de vous parler de CSS externes.

Une récente note d'Osmany sur le blog Hautetfort tentait de mettre en valeur les modèles disponibles dans la formule payante. Las, comme toujours, les commentaires laissent entendre que cela n'est pas suffisant.

Cet élément de colonne par défaut propose les 10 tags les plus populaires dans votre blog. Pour accéder à tous les autres, il faut se rendre dans la page "Toutes les archives". Voyons comment favoriser un accès direct à l'ensemble des tags. Il nous faudra d'abord avoir des "ID" clairs dans le modèle "Toutes les pages", puis établir des liens hypertextes.


Personnalisons le modèle de page "Toutes les archives"

Il nous faut être précis, car plusieurs modèles de page comportent le mot "archives". Par ordre d'apparition à l'écran, dans la liste des modèles accessibles en configuration avancée, on a "Modèle de la page archives", "Toutes les archives" et "Modèle de la page toutes les archives".

C'est bien la seconde qui nous intéresse. On y trouve toutes les périodes d'archivage des notes, toutes les catégories, et tous les tags.

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. (Note initialement publiée le 4 octobre)

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 :

Ce dimanche 15 novembre à minuit seront closes les inscriptions au VNB #2. C'est plus que jamais le moment d'aller voter pour les blogs qui vous paraissent mériter de gagner. Les 10 candidats les plus commentés, ayant reçu le plus de votes seront qualifiés pour la finale. Résultats le 30 novembre prochain.

D'ici dimanche, s'inscrire et obtenir des votes parait chose difficile, mais participer à la sélection en votant, en commentant ceux qui méritent de l'être, c'est plus que possible. Un blog vous plait, manifestez-vous et mobilisez (gentiment) ceux qui pourraient partager votre intérêt.

Vous ne pouvez voter qu'une fois pour un blog, mais vous pouvez voter pour plusieurs blogs. Le jury désignera un gagnant par plateforme, et les candidats Hautetfort sont ici.

(Mise à jour d'une note publiée le 8 septembre)