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.

11.05.2010

Comment rechercher dans un blog Hautetfort, avec le moteur de recherche de la plateforme

C'est l'une des dernières notes de Lavande sur BlogTuto saluant l'arrivée d'un moteur de recherche chez Canablog qui m'a convaincu de vous parler de celui que propose Hautetfort. Il s'installe très simplement depuis décembre 2008, et rend service à vos lecteurs qui souhaitent utiliser leurs mots pour s'y retrouver dans les vôtres.

Installez le moteur chez vous...
HautetFort_Pr%C3%A9sentation_Contenu_des_colonnes_RechercherLe mode d'installation pour "Un moteur de recherche sur chacun de vos blogs"  nous a été donné par Alexandra.
Dans l'administation du blog, il faut choisir l'onglet PRÉSENTATION, puis Contenu des colonnes, et dans la liste des Éléments en face de "Rechercher" cliquer sur Ajouter à gauche ou Ajouter à droite. Remonter sur la page puis ajustez l'emplacement de cet élément avec les flèches Déplacer en haut et Déplacer en bas, éventuellement Déplacer à gauche ou Déplacer à droite pour changer de colonne. N'oubliez pas de cliquer sur [ Mettre à jour ces informations ] avant Ajouter un élément personnalisé en bas de page pour que les changements soient pris en compte.

Curieusement, l'article la rubrique contenu des colonnes de la base de connaissances ne mentionne pas le moteur de recherche parmi les éléments disponibles. On aurait pourtant apprécié d'obtenir des précisions sur son fonctionnement. L'on m'a déjà précisé que le moteur n'indexe que le contenu des notes, et pas celui des commentaires. Si la richesse des interventions de vos visiteurs n'est pas exploitable en interne, il faut reconnaître que cela mobiliserait beaucoup de ressources ; tant au moment de l'indexation (volume des bases de données) que lors des recherches (temps de réponse).

... et utilisez-le aussi chez les autres.
Vous pouvez assez simplement sonder le contenu d'un blog sans que le moteur n'y soit en place. Les contenus sont déjà indexés et il suffit de savoir écrire une URL pour lancer une recherche. À l'adresse du blog Hautetfort que vous explorez, ajoutez-donc /search/ puis un mot et validez, vous obtiendrez une liste de résultats. La preuve : http://geemee.hautetfort.com/search/zorglub

Pour rechercher une expression composée de plusieurs mots, comme "élément de colonne", alors que le moteur n'est pas en place, c'est à peine plus compliqué. Il faut remplacer les espaces par %20. La preuve http://geemee.hautetfort.com/search/élément de colonne ne donnera rien, alors que http://geemee.hautetfort.com/search/élément%20de%20colonn... donnera les résultats du moteur.

C'est plus simple que d'utiliser la recherche avancée de Google sur laquelle nous reviendrons plus tard.

Nous verrons d'abord comment personnaliser le moteur interne.

Lectures conseillées :
- La rubrique contenu des colonnes de la base de connaissances Hautetfort
- Gérer le contenu des colonnes de votre blog, ici-même

15:11 Écrit par Gee Mee dans Boîte à outils | Lien permanent | Commentaires (2) | Tags : moteur, recherche, rechercher, élément de colonne, colonne | |  del.icio.us | | Digg! Digg |  Facebook

10.12.2009

Comment et pourquoi modifier la largeur d'affichage de votre blog

La demande est récurrente, même si les motivations me paraissent discutables, et c'est l'un des reproches qui est formulé à l'encontre des templates : "on ne peut pas modifier la largeur d'affichage". Nous aborderons le principe de la méthode, puis nous réfléchirons aux conditions nécessaires à un élargissement pacifique.


Comment élargir l'affichage ?

Cela peut ressembler à une évidence, il faut modifier la largeur (width:) des éléments de la feuille de styles. Nous avons un conteneur (#container) dans lequel nous retrouvons une ou deux colonnes (#right et ou #left), ainsi qu'une partie centrale (#center). Si l'on veut élargir la partie centrale, il faudra aussi agrandir le conteneur en conséquence.

Lire la suite

15:58 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (2) | Tags : modifier, largeur, colonne, afficher | |  del.icio.us | | Digg! Digg |  Facebook

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.

 

 

29.09.2009

Afficher les gravatars des auteurs de commentaire en mosaïque dans un élement de colonne

Je vous propose un gadget inutile et donc indispensable visible dans la colonne, à ce niveau .

Il suffit de récupérer le code ci-dessous pour que cela fonctionne, mais vous aurez peut-être des ajustements à faire dans votre feuille de styles.

Évidemment ce module a des défauts. Il affichera les gravatars des commentaires, et peut tout à fait afficher la même image 16 fois de suite. Il ne passe pas à un autre dès qu'il a déjà affiché un auteur. Et puis la taille du gravatar se règle dans l'administration, pour tout le blog. Il faudra donc trouver le bon équilibre entre commentaires et colonne.

L'idée consiste à récupérer le code présent dans la page "lien permanent", pour appeler l'affichage du gravatar, puis de l'insérer dans le code d'affichage des commentaires habituellement utilisé dans les éléments de colonne.

Lire la suite

16:13 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (7) | Tags : afficher, gravatar, auteur, commentaire, colonne | |  del.icio.us | | Digg! Digg |  Facebook

25.09.2009

Ajouter un élément personnalisé de colonne avec plus d'efficacité ?

L'annonce officielle en a été faite le 21 septembre dernier sur le blog Hautetfort, Osmany nous invitait avec enthousiasme : "Ajoutez du contenu à vos colonnes de manière plus efficace". Je fais un bilan mitigé de cette promesse.

Dans l'interface d'administration du blog, cliquez sur l'onglet PRÉSENTATION, puis contenu des colonnes, et descendez jusque "Ajouter un élément personnalisé".

Lire la suite

10:45 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (4) | Tags : hautetfort, colonne, élément de colonne | |  del.icio.us | | Digg! Digg |  Facebook

18.09.2009

Proposez une navigation entre les éléments de colonne

Depuis quelques temps, la colonne de droite de ce blog affiche quelques icones permettant un accès rapide à la plupart des éléments, tels que "Dernières notes". Je vous propose de voir quelles sont les bases de cette forme de mini-menu.

Chaque élément de colonne possède un identifiant propre que l'on peut retrouver dans le code Html de la page. Si vous utilisez l'un au moins des éléments standards, vous devriez retrouver dans le code de vos pages, l'un des identifiants suivants :
box-recentposts | box-recentcomments | box-categories | box-archives | box-populartags | box-search | box-aboutme | box-youremail | box-yourphoto | box-photoalbum | box-syndication

Si vous avez créé un élément de colonne personnalisé, ce dernier porte un identifiant aussi du type :
id="box-mybox1700243"

Il suffira d'ajouter à l'adresse du blog, un signe dièse, puis l'identifiant pour établir un accès direct à un élément comme ici : http://geemee.hautetfort.com/#box-recentposts, et puisqu'il s'agit d'un lien interne à la page, on peut se contenter de #box-recentposts (quand on insère un lien hypertexte avec l'éditeur de note  H&F).

Le mini-menu, ne fait rien d'autre que de pointer vers les éléments de colonne que j'ai choisi. Vous pouvez le vérifier vous-même dans le code Html. Celui que je vous propose ci-dessous est directement utilisable chez vous. Il ne peut fonctionner que pour les éléments standards, vous aurez à le personnaliser pour pointer vers des éléments personnalisés. Et puis de toutes façons, il vous faudra bien utiliser des images qui vous conviennent plutôt que les miennes.

Vous noterez, si faites moi plaisir, que le lien "À propos" pointe directement vers la page plutôt que d'aller vers l'élément de colonne.

Lire la suite

30.06.2009

Installer Google analytics sans (trop) mettre les mains dans le code

La récente mésaventure du service de statistiques de la plateforme Hautetfort finira peut-être de convaincre un certain nombre de blogueurs qu'il leur faut un autre moyen de savoir qui a la plus grosse… fréquentation. Les blogueuses auront beau jeu de dire "size doesn't matter", on sait bien que la plupart d'entre elles y jettent tout de même un œil.
Alors comment mettre le truc dans le machin pour que ça marche, les stats ?

Je n'ai pas beaucoup de reproches à faire à la plateforme Hautetfort, mais le service de statistiques ne me paraît pas très fort et peut-être même pas à la hauteur. Quand bien même cela fonctionne-t-il, je trouve nombre de sites en référents qui ne pointent en aucune manière vers mon blog, discréditant l'ensemble des données. On ne peut certes pas leur demander de se mettre au niveau de Google Analytics (GA)… Alors installons ce dernier.

Lire la suite

10:30 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (49) | Tags : google analytics, code, colonne | |  del.icio.us | | Digg! Digg |  Facebook

01.05.2009

Mettre un sommaire "À propos" sans composer en html

Vous avez suivi les conseils de la note de Gee Mee pour Personnaliser les éléments des colonnes sans intervenir dans le code, ou Gérer le contenu des colonnes de votre blog, et vous avez tout de même rencontré des difficultés ? Votre page en est toute tourneboulée, ou votre module apparaît avec une vilaine mise en forme ? C'est sans doute que le html que vous avez copié n'est pas au point !

Si votre besoin est simplement de proposer un sommaire de certaines notes ou liens permanents, alors voici une astuce toute simple pour contourner le problème... sans doute connaissiez-vous déjà la solution, sans avoir pensé à l'utiliser !

Image 6.pngPrenons un exemple : la forme du module "À propos" ne vous convient pas.

Vous voulez qu'il apparaisse comme les autres modules, et non pas avec ces deux mots si discrets que l'on remarque à peine. C'est moche, n'est-ce pas ?

De plus vous voulez que cette présentation renvoie vers deux pages :

- A propos de ce blog
- A propos de l'auteur

Si comme moi vous êtes nul(le) pour rédiger du HTML, vous hésitez à vous lancer car alors il vous faut rédiger des "a href" et peut-être même (et justement je n'en sais rien !) des "li" pour faire apparaître votre sommaire correctement avec des puces. Boouh, trop de boulot, trop de rigueur d'écriture... Alors comment faire simple ?

Et bien, réfléchissez un peu... Haut et fort ne propose-t-il pas déjà une solution clé en main ?


Lire la suite

14:33 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (6) | Tags : personnaliser, module, colonne, liste | |  del.icio.us | | Digg! Digg |  Facebook

29.04.2009

Modifier la hauteur d'une colonne pour qu'elle "descende"

Depuis l'antiquité, nous sommes sensibles à l'harmonie des temples grecs, maisons carrées, peristyles et autres colonnades. Alors comment supporter que les colonnes de son blog ne fassent pas ce que l'on souhaite ?

C'est que, ce ne sont pas réellement des colonnes, comme on peut en avoir dans un tableau. Dans un modèle, vous avez la division "droite", la division "centre" et la division "gauche". Peu importe que vous ayez deux divisions seulement, ou dans un ordre personnalisé, dans le code vous retrouverez les trois dénominations que j'ai utilisé. Mais en anglais.

La hauteur d'une division est fonction de son contenu, c'est souvent la partie centrale la plus fournie, qui semble entrainer, les autres. Mais c'est une illusion. La division la plus "haute" détermine la hauteur du conteneur (container), qui lui comprend toutes les divisions. Chaque division a une hauteur propre. D'habitude, cela ne se voit pas. Si vous appliquez une couleur, ou un motif de fond, cela vous apparaîtra.

C'était la question de Thierry du blog Citrouille (Cette fois-ci les enfants qui se perdent ici, DOIVENT se retrouver là-bas avec leurs parents, ou tout adulte argenté pourvu qu'il soit bien intentionné). La colonne de gauche n'est pas assez haute à son goût, l'image de fond ne se poursuivant pas jusqu'en bas du conteneur.

 

Lire la suite

10:31 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (3) | Tags : modifier, colonne, module, hauteur | |  del.icio.us | | Digg! Digg |  Facebook

31.03.2009

Gérer le contenu des colonnes de votre blog

Dès la configuration standard, vous pouvez ajouter, supprimer, déplacer des modules au sein des colonnes de votre blog. Prenez garde à ce que le passage en configuration avancée ne vous fasse pas reculer.

C'était annoncée dans la note de la semaine dernière (Comment utiliser les modèles de ce blog ?), on ne badine pas avec les colonnes. Sans vous avertir, le mode avancé vous fait prendre le risque d'une réinitialisation involontaire, sinon catastrophique. Le mode avancé vous permet d'intervenir dans le code de chacune des colonnes, ce que je faisais régulièrement, et notamment pour faire en sorte que chaque module soit entouré d'images qui simulent une feuille parcheminée passablement cornée dans les angles. Oui, je sais, pour l'instant, il manque une image pour finir le tour. Au moins les utilisateurs d'IE ont-ils un rendu similaire à celui des utilisateurs de FF (mais c'est mieux avec FF).

HautetFort_Présentation_configuration_avancée.jpgBref, j'intervenais dans le code via Présentation / configuration avancée / modèle de la colonne... (capture de gauche) Au lieu d'utiliser la gestion proposée via Présentation / Contenu des colonnes (capture de droite) de l'administration du blog. Ce n'était pas une bonne idée. Le code Html du modèle de la colonne... est le résultat direct de vos interventions dans Présentation / Contenu des colonnes. Changez une virgule, et le code Html du modèle de la colonne est réinitialisé, effaçant toutes vos interventions directes dans le code.

C'est ainsi que l'activation de la Newsletter de ce blog vendredi soir a complètement cassé la mise en forme, rétablie lundi (j'étais dans mon jardin). Heureusement, j'avais une sauvegarde et un site de test, qui m'ont permis de récupérer la situation. Quand je vous dis de sauvegarder...

HautetFort_Présentation_Contenu_des_colonnes.jpgDans toute la mesure du possible donc, la personnalisation des colonnes doit être effectuée via Présentation / Contenu des colonnes. Les interventions directes dans le code doivent être exceptionnelles, et soigneusement sauvegardées pour pouvoir être rétablies. Au moment d'adopter le modèle d'un autre blog, cela vous paraîtra donc plus long, car il faudra faire module par module, au lieu de copier en une fois le contenu du code Html de la colonne. Mais ce sera plus sûr et plus souple.

Me reste à savoir comment je vais réussir à mettre l'inscription à ma lettre électronique dans mon "parchemin"...

11:22 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (6) | Tags : contenu, colonne, code, module, propriétés | |  del.icio.us | | Digg! Digg |  Facebook