(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