Comment faire Fil de navigation sur Blogger



La navigation, comme ci-dessus est mieux connu sous le nom de «fil d'Ariane de navigation". Avec le "Fil d'ariane de navigation" les lecteurs peuvent facilement connaître la position d'un article qui lis et peuvent effectuer des recherches d'articles dans la même catégorie.Puis "Fil d'ariane de navigation" peut être installé dans blogger ?

breadcrumb

Trés simple avec quelques modifications du code de votre modèle, puis le "Fil d'Ariane de navigation" sera le vôtre bientôt lol

Voici la solutions:

1/ Vous connecter à Blogger avec votre ID

2/ Cliquez sur Paramêtre.

3/ Cliquez sur l'onglet Modifier HTML

4/ Cliquez sur Télécharger gabarit plein et s'il vous plaît sauvegarder votre premier modèle

5/ Ensuite Cochez la case à côté de petits modèles de développer gadget

expand

  1. Trouvez le code : ]]></b:skin>
  2. Copiez et collez le code ci-dessous juste avant : ]]></b:skin>

  3. .breadcrumbs{
    padding:5px 5px 5px 0;
    margin:0;font-size:95%;
    line-height:1.4em;
    border-bottom:4px double #cadaef;
    }

  4. Trouvez le code suivant dans votre modèle HTML :

    <div class='post hentry uncustomized-post-template'>

  5. Copiez et collez le code ci-dessous 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'>
    Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</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>

  6. Cliquez sur Enregistrer le modèle touche
  7. Attendez un moment jusqu'à ce que votre modèle enregistré
  8. Ouvrez votre blog, cliquez sur le titre d'un article, voir le résultat
  9. Terminé.

Si vos démarches sont correctes, le «fil d'Ariane de navigation" sera comme ci-dessous :

breadcrumbsample

4 Commentaires

Laisser un commentaire

  1. C'est adopté, merci à toi :) J'ai supprimé le double soulignage inutile et j'ai francisé le truc :) Pour ceux qui veulent aller se promener voir ce que ça donne www.foxprime.net

    RépondreSupprimer
  2. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  3. Merci , ici aussi ça marche et francisé, et sans double surlignagne aussi, merci foxPrime...
    A voir www.louerbureau.com

    RépondreSupprimer
  4. salut, merci pour l'astuce ... mais ça marche pas avec moi
    et je sais pas pourquoi?
    http://guide-aromatherapie.blogspot.com/

    RépondreSupprimer

Enregistrer un commentaire

Laisser un commentaire

Plus récente Plus ancienne