Подпишись: rss feedtwittergoogle plus

Ads 468x60px

>

вторник, 5 марта 2013 г.

Как установить хлебные крошки на 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>
Сохраняем шаблон и заходим на любую страницу блога. Хлебные крошки установлены!

Понравилась статья? Расскажи о ней друзьям::

0 коммент.:

Отправить комментарий