Как сделать рубрики в Blogger/Blogspot

Доброго времени суток, уважаемые читатели. Каждый блоггер, начиная наполнять свой блог, задумывается о том, как сделать рубрики на Blogspot (Blogger). Спрашивают у меня, спрашивают у поисковых систем. И к сожалению, получают неутешительный ответ - на Blogger нельзя сделать рубрики.
Да, вот так поступили с нами разработчики Blogspot. Не дали возможность делать рубрики. Все, что у нас есть, это ярлыки.
И вот приходится постоянно выкручиваться, придумывать обходные пути, как создать рубрики в своем блоге. Самый простой и очевидный вариант, это присваивать своим статьям ярлыки, а после этого, составив список страниц с ярлыками,

http://название_блога/search/label/название_ярлыка

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

Пример таких рубрик вы уже можете посмотреть на моем тестовом блоге. На данный момент там реализовано три категории:
Twitter, Виджеты от социальных сетей и Раскрутка блога.
В ближайшие дни я разнесу по рубрикам все свои статьи и организую в этом блоге, в сайдбаре, новое меню рубрик.

Плюсы данного скрипта:

1. Все статьи рубрики отображаются на одной странице без листинга, что удобно посетителям. В упрощенном варианте описанном в начале статьи такой возможности нет – показываются только последние несколько статей, остальные доступны только в листинге.
2. У страницы рубрики есть заголовок и вы можете сделать описание рубрики, о чем она.
3. Можно настроить количество выводимых знаков в анонсе.
4. Можно транслировать в один блог статьи с других блогов.
5. Показ статей можно осуществить, как по дате создания, так и в алфавитном порядке.
6. Настраивать по своему вкусу, как душе будет угодно.
7. Это просто красиво.

Но пока у этого скрипта есть и минусы.

1. Самый главный минус, но который автор обещает исправить – это индексация страниц рубрик. На данный момент страницы рубрик индексируются, но само содержание рубрики (анонсы статей) – нет. Но, как я уже сказала, автор обещает доработать скрипт, и минус превратится в плюс.
2. Скрипт загружает посты из RSS-ленты нолностью, поэтому съедает трафика "прилично". Я не знаю, сколько это "прилично" – но так написал автор данного чуда. Поэтому я только повторила его меру измерения:).
3. Скрипт не загрузится, если у пользователя в браузере отключен JavaScript, впрочем, по этой причине у пользователя не загружается много чего другого, и таких пользователей очень мало.

Итак, как можно увидеть по пунктам, плюсов у данного способа больше, чем минусов, и поэтому, я считаю, можно смело им пользоваться в своем блоге.

Теперь перейдем к тому, как все же сделать рубрики.

Сразу начну с кода CSS. Дело в том, что без хоть каких-то номинальных  настроек, статьи выводятся криво. Поэтому, чтобы сразу увидеть читаемые вариант, находим в шаблоне код:

]]></b:skin>

И перед ним вставляем код из этого файла. Сохраняем шаблон.

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

Кто будет делать на статических страницах, заходит в Изменить страницы – Создать страницу. Выбирает вкладку Изменить HTML(это очень важно) и устанавливает настройки, как на картинке

Если вы делаете, как сообщение блога, то открываете Новое сообщение, вкладка Изменить HTML (это очень важно) и выставляем такие настройки:

Если хотите, чтобы на страницах рубрик оставляли комментарии, можете установить значение "Разрешить".

Так же, перед публикацией обратите внимание на дату публикации. Лично я собираюсь делать рубрики задним числом, чтобы они вообще не попали на главную.
В окно визуального редактора вставляем код:

<script type="text/javascript">
/* Настройки скрипта */
var itoc_siteUrl = "URL блога"
var itoc_categories = [
['название ярлыка' , 'как будет отображаться ярлык на странице' , 'Описание рубрики']
];
var itoc_showDate = true;    
var itoc_showDesc = true;    
var itoc_showImg  = true;    
var itoc_showImgOnlyWithDesc  = true;
var itoc_sortBy = 'published';
var itoc_sortOrderAscending = true;
var itoc_minContentLength = 700; // Минимальная длина поста, при которой включается автоматическое описание. 
var itoc_maxDescLength = 300; // Максимальная длина автоматически формируемого описания.
var itoc_minDescLength = 30; // Если автоматическое описание получилось короче этого значения, не выводить это описание.
</script>
<script src="//izhurnalscripts.googlecode.com/svn/trunk/itoc.js" type="text/javascript"> </script>
<noscript> Для отображения содержимого страницы необходима поддержка JavaScript. </noscript>

Очень важно! Вся пунктуация, все запятые и скобки менять нельзя. Меняем только строго зеленый текст.

URL блога – адрес блога, вида http://blog.blogspot.com/ - слеш на конце URL обязательно

Название ярлыка – указываете тот ярлык, статьи которого должны быть в этой рубрике.

Как будет отображаться ярлык на странице – если на странице название ярлыка должно быть такое-же, как сам ярлык, то оставляем поле пустым, т.е. будут просто кавычки без текста – "".

Описание рубрики – Можете написать любое описание или оставить пустые кавычки.

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

var itoc_categories = [
['Фото кошек' , 'Фото животных' , 'Фотографии кошек и собак'],
['Фото собак' , 'Фото животных' , '']
 ];

Каждая строчка должна заканчиваться запятой, а в последней строке запятой быть не должно. Общий смысл реализации, надеюсь, понятен.

Публикуем сообщение. Кстати, не забываем про читаемые урлы для страниц.

На этом рубрика готова. И таким образом вы можете создать столько рубрик, сколько потребуется.

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

Не забываем, что для наведения красоты формируемым статьям придают стили CSS. В статье Инструменты вебмастера (блоггера) даны ссылки на сайты, где вы можете получить минимальные знания по CSS, а так же, не забывайте, что лучший помощник по редактированию кода является расширение для браузера Firebug, подробности о нем читайте в статье Как удалить внешние ссылки из шаблона.

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

источник