пятница, 13 сентября 2013 г.

Как сделать хлебные крошки на blogger?

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




  1. Ищу в шаблоне такой код:

  2. ]]></b:skin>
  3. Перед ним вставляю такой:

  4. .breadcrumbs {
    padding:5px 10px;
    margin: 0px 0px 15px 0px;
    font-size:95%;
    line-height: 1.4em;
    border-bottom:1px solid #e6e4e3;
    }
    .breadcrumbs a {
    text-decoration:underline;
    }
  5. Дальше ищу такой код: Важно! Их в шаблоне два, заменяем оба.

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

  7. Заменяю их на такой:

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

  1. Ищу такой код:

<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'>Home</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'>Home</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'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

Комментариев нет :

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