3 sept. 2010

(Blogger) Créer un fil d'Ariane

Le fil d'Ariane représente l'arborescence du blog. Il se place en haut de la colonne article et décrit le chemin qui mène à cet article : Accueil > libellés de l'article > nom de l'article.


J'ai trouvé la solution chez AideBlog et j'ai ensuite personnalisé les codes.

Ceux-ci s'installent dans le CSS : allez dans Présentation > Modifier le code HTML

1/ Recherchez ]]></b:skin>, en faisant Edition > Rechercher et collez juste avant :
.breadcrumbs{padding:5px;margin:0;margin-bottom:10px;font-size:85%;line-height:1.4em;background-color:#f5f5fdc;}
Il s'agit de la mise en forme de la ligne. Vous pouvez personnaliser :
la police : couleur, font, taille ...
le fond : background
les bordures : border
etc
2/ Ensuite, vous installez le code en lui-même. Recherchez <div class='post hentry'> et collez juste après :
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Accueil</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if> 
J'ai supprimé la mention Browser et francisé Home/Accueil

6 commentaires:

  1. merci, mais ça marche pas chez moi, dommage
    http://guide-aromatherapie.blogspot.com/

    RépondreSupprimer
  2. Chez moi non plus ça ne marche pas...
    http://blogabrest.blogspot.com/

    RépondreSupprimer
  3. Bonjour, pour ma part je n'ai pas la ligne de code ... hentry'> Any Idea ? Merci pour vos conseils et recommandations

    RépondreSupprimer
  4. bonjour
    J'ai exactement le même problème, pas de ligne div class='post hentry' Pouvez-vous m'aider?
    J'en profite pour poser une autre question, car j'ai déjà trouvé beaucoup d'idées sur ce blog très intéressant : j'aimerais que le titre de l'article s'affiche avant celui du blog en haut j'ai trouvé avec le moteur de recherche un code à insérer mais cela ne change rien sur mon blog.
    Merci d'avance...

    RépondreSupprimer
  5. Bonjour,

    Avant de rechercher la ligne contenant "post hentry", il faut d'abord cocher la case "Développer des modèles de gadgets".

    RépondreSupprimer
  6. Bonjours pour trouver la ligne post hentry il faut le rechercher en l'écrivant comme ça div class='post hentry et inscrivez le code donné à la fin de cette phrase class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)