Как установить хлебные крошки на Blogger/Blogspot

Хлебные крошки- это один из элементов навигации на блоге, который показывает путь от главной страницы до страницы, на которой вы находитесь в данный момент.Хлебные крошки имеют вид: Главная страница->Ярлык(тег)->Страница, на которой вы находитесь. Их устанавливают над названием сообщения, но некоторые ставят после сообщения.


Для чего нужны хлебные крошки

Они улучшают юзабилити и навигацию блога, а также полезны для поисковиков.

Перед установкой хлебных крошек, я удалил надпись Показаны сообщения с ярлыком.

Как установить

Обязательно сохраняем шаблон блога! Заходим в  Шаблон->Изменить html->Приступить и с помощью поиска(Ctrl+F) ищем вот этот код:

<b:includable id='main' var='top'>

 <b:if cond='data:mobile == &quot;false&quot;'>

<!-- posts -->

    <div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

В некоторых шаблонах 2-ой строки нету, поэтому при повторном поиске её не вписывайте. Как только вы его нашли, после красной строчки нужно вписать вот этот код:

<b:include data='posts' name='breadcrumb'/>

Теперь перед кодом <b:includable id='main' var='top'> нужно вставить этот код:

<b:includable id='breadcrumb' var='posts'>

  <b:if cond='data:blog.homepageUrl == data:blog.url'> 

  <!-- No breadcrumb on front page -->

  <b:else/> 

    <b:if cond='data:blog.pageType == &quot;item&quot;'> 

       <div class='breadcrumbs'> 

         <a expr:href='data:blog.homepageUrl' rel='tag'>Главная</a> 

         <b:loop values='data:posts' var='post'>

           <b:if cond='data:post.labels'> 

             <b:loop values='data:post.labels' var='label'> 

               <b:if cond='data:label.isLast == &quot;true&quot;'> &#187; 

                 <a expr:href='data:label.url' rel='tag'><data:label.name/></a> 

               </b:if> 

             </b:loop> 

             &#187; <span><data:post.title/></span> 

           </b:if> 

         </b:loop>

       </div> 

    <b:else/> 

      <b:if cond='data:blog.pageType == &quot;archive&quot;'> 

        <div class='breadcrumbs'> 

          <a expr:href='data:blog.homepageUrl'>Главная</a> &#187; <data:blog.pageName/> 

        </div> 

      <b:else/> 

        <b:if cond='data:blog.pageType == &quot;index&quot;'> 

          <div class='breadcrumbs'>

          <b:if cond='data:blog.pageName == &quot;&quot;'>

            <a expr:href='data:blog.homepageUrl'>Главная</a> &#187; 

          <b:else/>

            <a expr:href='data:blog.homepageUrl'>Главная</a> &#187; <data:blog.pageName/> 

          </b:if>

          </div> 

        </b:if> 

      </b:if>

    </b:if>

  </b:if>

</b:includable>

Сохраняем шаблон и заходим на любую страницу блога. Хлебные крошки установлены!