Bikin Breadcrump

Bookmark and Share
  • Find the code ]]></b:skin>




  • Copy and paste the code below exactly above the code ]]></b:skin>
    .breadcrumbs{
    padding:5px 5px 5px 0;
    margin:0;font-size:95%;
    line-height:1.4em;
    border-bottom:4px double #cadaef;
    }



  • Find the following code in your template :
    <div class='post hentry uncustomized-post-template'>



  • Copy and paste the code below exactly below the code <div class='post hentry uncustomized-post-template'>
    <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>


  • Click Save Template button



  • Wait for a while until your template saved



  • Open your blog, click the title of an article, see the result



  • Finished.
  •