Хлебные Крошки для Блогспот, Что такое Хлебные Крошки и для чего они нужны на сайте?

Всем привет! На сегодняшний день многие задаются таким вопросом: Что такое Хлебные Крошки и для чего они вообще нужны на сайте? И как установить Хлебные Крошки для Блогспот? Сегодня постараемся ответить на этот вопрос.

Что такое Хлебные Крошки и для чего они нужны на сайте?

Хлебные крошки - это цепь (строка) навигации которая состоит из внутренних ссылок, например (рубрик, меток. Хлебные крошки показывают путь от главной страницы сайта до текущей, например так: главная, рубрика, публикация. Обычно такой элемент размещают в верхушке сайта, под шапкой блога но выше основного контента.
Хлебные крошки для продвижения очень полезны. Так как помогают поисковым системам легче проиндексировать ваш сайт, найти страницы блога, рубрики и публикации осуществляя автоматическую перелинковку страниц сайта, юзабилити...

Хлебные Крошки для Блогспот

Многие из вас хотят раскрутить свой блог на блогспот блоггер. Советую установить эти хлебные крошки как у меня в блоге. Тем более что установка кода не займет много времени и делается это не сложно.

После того как вы установите хлебные крошки в свой блогспот у вас будет примерно такая картина:

Над открытым сообщением на вашем блоге где установлены хлебные крошки появляется цепочка ссылок от главной страницы до сообщения, которое открыл читатель блога как указано на фото выше: Главная➝Рубрика➝Название сообщения.

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

Для того, чтобы сделать такие (хлебные крошки) у себя блоге на блогспот, нужно воспользоваться этой инструкцией.

И так вот пошаговая инструкция как установить хлебные крошки для блогспот:

Перед все этой процедурой можете сделать копию своего шаблона на случай если пойдет что-то не так.

1. Приходим на вкладку: Тема и жмем: Изменить HTML. 

2. Дальше нажимаем клавишы (Ctrl+F) и в появившемся окне вводим кусок кода: ]]></b:skin> и жмем enter

Таким способом мы находим нужный нам код: ]]></b:skin>

3. Теперь прямо перед этим кодом вставляем следующий код:
.breadcrumbs {
padding:5px 10px;
margin: 0px 0px 15px 0px;
line-height: 1.4em;
border-bottom:1px solid #e6e4e3;
}
.breadcrumbs a {
text-decoration:underline;
} 
4. Дальше находим следующий фрагмент кода:
<b:include data='top' name='status-message'/>
Прямо перед ним вставляем этот код:
<b:include data='posts' name='breadcrumb'/>

Будьте внимательны. В некоторых шаблонах присутствует два таких кода:
<b:include data='top' name='status-message'/>
Если в своем шаблоне вы найдете еще один фрагмент этого кода, то вставьте и перед ним следующий код:
<b:include data='posts' name='breadcrumb'/>

5. Теперь ищем следующий фрагмент кода:
<b:includable id='main' var='top'>
Прямо перед ним очень аккуратно без пропусков строк вставляем следующий код:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<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 == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Главная</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Главная</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Главная</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Теперь жмем сохранить. Вот и все!