Заголовки как в LiveStreet? Продолжение

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

Теперь поговорим о том, как это реализовать в своём шаблоне Blogger.
Повторюсь, но результат отношения Яндекса может быть непредсказуем. Т.е. вы можете схватить бонус в индексации (типа зачлось в плюс наличие дополнительного ключевого слова), так и незачёт за "повторяющиеся" элементы. Как бы то не было, а хлебные крошки, если вы ставите "лайвстритные" заголовки, нужно удалить из кода шаблона, чтобы не дублировать элементы навигации.

Чтобы сделать такие заголовки в Blogger, нужно найти в шаблоне строки:

<b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>

И вставить перед ними:

<b:if cond='data:post.labels'> 
             <b:loop values='data:post.labels' var='label'> 
               <b:if cond='data:label.isLast == &quot;true&quot;'> 
                 <a expr:href='data:label.url' rel='tag'><data:label.name/></a> 
               </b:if>
</b:loop>         
               &#8594;
           </b:if>

Это код ярлыка + html стрелка.

Тоже самое наглядно на скриншоте:

Код ярлыка выделен красным цветом.
<!--222--> - это маячок-комментарий, поставлен, чтобы легче было отыскать эту часть в шаблоне.

Напоминаю,что после этого заголовки статей в блоге должны принять вот такой вид:

А что ещё интересного?
Меню для футера: хаброменю
Небольшое меню для категорий.