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

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

Для чего нужны хлебные крошки
Они улучшают навигацию блога, а также полезны для поисковиков.
Перед установкой хлебных крошек, я удалил надпись "Показаны сообщения с ярлыком".

Установка:
1) Обязательно сохраняем шаблон блога!
2) Заходим в  Шаблон->Изменить html->Приступить,
3) С помощью поиска (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='top' name='status-message'/> строчки нужно вписать вот этот код:

<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>

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

Источник

Мира исчастья Вам!