Доброго времени суток, уважаемые читатели. Каждый блоггер, начиная наполнять свой блог, задумывается о том, как сделать рубрики на Blogspot (Blogger). Спрашивают у меня, спрашивают у поисковых систем. И к сожалению, получают неутешительный ответ - на Blogger нельзя сделать рубрики.
Да, вот так поступили с нами разработчики Blogspot. Не дали возможность делать рубрики. Все, что у нас есть, это ярлыки.
И вот приходится постоянно выкручиваться, придумывать обходные пути, как создать рубрики в своем блоге. Самый простой и очевидный вариант, это присваивать своим статьям ярлыки, а после этого, составив список страниц с ярлыками,
Пример таких рубрик вы уже можете посмотреть на моем тестовом блоге. На данный момент там реализовано три категории:
Twitter, Виджеты от социальных сетей и Раскрутка блога.
В ближайшие дни я разнесу по рубрикам все свои статьи и организую в этом блоге, в сайдбаре, новое меню рубрик.
Плюсы данного скрипта:
Теперь перейдем к тому, как все же сделать рубрики.
Сразу начну с кода CSS. Дело в том, что без хоть каких-то номинальных настроек, статьи выводятся криво. Поэтому, чтобы сразу увидеть читаемые вариант, находим в шаблоне код:
Дальше, вы должны для себя решить, на каких страницах вы будете делать страницы рубрик. Например, у меня, практически, не осталось свободных статических страниц, поэтому все рубрики я буду делать из страниц сообщений блога. Разницы, в принципе никакой нет, на каких страницах создавать, но есть маленький нюанс.
И так, заходим на вкладку Отправка.
Если хотите, чтобы на страницах рубрик оставляли комментарии, можете установить значение "Разрешить".
Так же, перед публикацией обратите внимание на дату публикации. Лично я собираюсь делать рубрики задним числом, чтобы они вообще не попали на главную.
В окно визуального редактора вставляем код:
Да, вот так поступили с нами разработчики Blogspot. Не дали возможность делать рубрики. Все, что у нас есть, это ярлыки.
И вот приходится постоянно выкручиваться, придумывать обходные пути, как создать рубрики в своем блоге. Самый простой и очевидный вариант, это присваивать своим статьям ярлыки, а после этого, составив список страниц с ярлыками,
http://название_блога/search/label/название_ярлыкауказать их в виде списка рубрик с помощью гаджета "Список ссылок". Пример такого меню рубрик пока ещё вы можете наблюдать у меня в сайдбаре, но в ближайшее время я его изменю. Уже сейчас, Вадим, автор блога iZhurnal, создатель Календаря с архивом, разработал интересную реализацию карты сайта для блогов на Blogger, которая обладает большими возможностями по настройке, и с помощью этого скрипта можно создавать отдельные рубрики для своего блога.
Пример таких рубрик вы уже можете посмотреть на моем тестовом блоге. На данный момент там реализовано три категории:
Twitter, Виджеты от социальных сетей и Раскрутка блога.
В ближайшие дни я разнесу по рубрикам все свои статьи и организую в этом блоге, в сайдбаре, новое меню рубрик.
Плюсы данного скрипта:
- Все статьи рубрики отображаются на одной странице без листинга, что удобно посетителям. В упрощенном варианте описанном в начале статьи такой возможности нет – показываются только последние несколько статей, остальные доступны только в листинге.
- У страницы рубрики есть заголовок и вы можете сделать описание рубрики, о чем она.
- Можно настроить количество выводимых знаков в анонсе.
- Можно транслировать в один блог статьи с других блогов.
- Показ статей можно осуществить, как по дате создания, так и в алфавитном порядке.
- Настраивать по своему вкусу, как душе будет угодно.
- Это просто красиво.
- Самый главный минус, но который автор обещает исправить – это индексация страниц рубрик. На данный момент страницы рубрик индексируются, но само содержание рубрики (анонсы статей) – нет. Но, как я уже сказала, автор обещает доработать скрипт, и минус превратится в плюс.
- Скрипт загружает посты из RSS-ленты нолностью, поэтому съедает трафика "прилично". Я не знаю, сколько это "прилично" – но так написал автор данного чуда. Поэтому я только повторила его меру измерения:).
- Скрипт не загрузится, если у пользователя в браузере отключен 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="http://izhurnalscripts.googlecode.com/svn/trunk/itoc.js" type="text/javascript"> </script>
<noscript> Для отображения содержимого страницы необходима поддержка JavaScript. </noscript>
/* Настройки скрипта */
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="http://izhurnalscripts.googlecode.com/svn/trunk/itoc.js" type="text/javascript"> </script>
<noscript> Для отображения содержимого страницы необходима поддержка JavaScript. </noscript>
Очень важно! Вся пунктуация, все запятые и скобки менять нельзя. Меняем только строго зеленый текст.
URL блога – адрес блога, вида http://blog.blogspot.com/ - слеш на конце URL обязательно
Название ярлыка – указываете тот ярлык, статьи которого должны быть в этой рубрике.
Как будет отображаться ярлык на странице – если на странице название ярлыка должно быть такое-же, как сам ярлык, то оставляем поле пустым, т.е. будут просто кавычки без текста – "".
Описание рубрики – Можете написать любое описание или оставить пустые кавычки.
Например, вы можете на странице одной рубрики выводить статьи разных ярлыков, в таком случае дублируете полностью строчку, например:
URL блога – адрес блога, вида http://blog.blogspot.com/ - слеш на конце URL обязательно
Название ярлыка – указываете тот ярлык, статьи которого должны быть в этой рубрике.
Как будет отображаться ярлык на странице – если на странице название ярлыка должно быть такое-же, как сам ярлык, то оставляем поле пустым, т.е. будут просто кавычки без текста – "".
Описание рубрики – Можете написать любое описание или оставить пустые кавычки.
Например, вы можете на странице одной рубрики выводить статьи разных ярлыков, в таком случае дублируете полностью строчку, например:
var itoc_categories = [
['Фото кошек' , 'Фото животных' , 'Фотографии кошек и собак'],
['Фото собак' , 'Фото животных' , '']
];
['Фото кошек' , 'Фото животных' , 'Фотографии кошек и собак'],
['Фото собак' , 'Фото животных' , '']
];
Каждая строчка должна заканчиваться запятой, а в последней строке запятой быть не должно. Общий смысл реализации, надеюсь, понятен.
Публикуем сообщение. Кстати, не забываем про читаемые урлы для страниц.
На этом рубрика готова. И таким образом вы можете создать столько рубрик, сколько потребуется.
Как уже выше написала, скрипт обладает большими возможностями по настройке. Поэтому, более подробную инструкцию о настройках обязательно прочитайте в статье разработчика. Там же дана инструкция, как на основе этого скрипта сделать карту сайта. Описано все, что возможно делать с данным скриптом.
Не забываем, что для наведения красоты формируемым статьям придают стили CSS. В статье Инструменты вебмастера (блоггера) даны ссылки на сайты, где вы можете получить минимальные знания по CSS, а так же, не забывайте, что лучший помощник по редактированию кода является расширение для браузера Firebug, подробности о нем читайте в статье Как удалить внешние ссылки из шаблона.
Надеюсь, моя статья вам пригодится. Узнаем больше у автора скрипта, обязательно следим за обновлениями этого скрипта, ну и, конечно, можете задавать свои вопросы в комментариях.
Публикуем сообщение. Кстати, не забываем про читаемые урлы для страниц.
На этом рубрика готова. И таким образом вы можете создать столько рубрик, сколько потребуется.
Как уже выше написала, скрипт обладает большими возможностями по настройке. Поэтому, более подробную инструкцию о настройках обязательно прочитайте в статье разработчика. Там же дана инструкция, как на основе этого скрипта сделать карту сайта. Описано все, что возможно делать с данным скриптом.
Не забываем, что для наведения красоты формируемым статьям придают стили CSS. В статье Инструменты вебмастера (блоггера) даны ссылки на сайты, где вы можете получить минимальные знания по CSS, а так же, не забывайте, что лучший помощник по редактированию кода является расширение для браузера Firebug, подробности о нем читайте в статье Как удалить внешние ссылки из шаблона.
Надеюсь, моя статья вам пригодится. Узнаем больше у автора скрипта, обязательно следим за обновлениями этого скрипта, ну и, конечно, можете задавать свои вопросы в комментариях.
