3 февр. 2010 г.

Модернизация шаблона Blogspot

Buzz this
   Для блогов, установленных на сервисе Blogspot в интернете существует огромное количество шаблонов, и врядли начинающий блоггер будет обладать достаточным багажом знаний чтобы создать свой шаблон "с нуля". Есть сайты, на которых размещены бесплатные шаблоны, и скачать их можно даже не с файлообменника)).
Шаблоны есть красивые, функциональные, одним словом приятно пользоваться, но нужно осознавать, что они общедоступны, и чем более хороший шаблон мы качаем, тем больше вероятность того, что он установлен еще у нескольких сотен (тысяч) блоггеров. Не очень приятный момент, не правда ли?
Как можно понять из названия поста, я начну публиковать совсем небольшие посты, в которых буду рассказывать как модернизировать шаблон Blogspot и почистить его код от ненужных блоков, ссылок и т.д.

Сегодняшняя модернизация шаблона:

  • Убираем назойливый navbar;
  • Убираем навигационные ссылки (pager) под постом;
  • "Разбираемся" с авторами.


Изменение шаблона Blogspot: Убираем navbar.


Если кто-то вдруг не знает что такое NavBar, то это - панелька в самом верху блога, которую можно убрать в случае, если Ваш блог размещен на платном хостинге. Как изменить шаблон чтобы navbar исчез? - Из панели blogspot.com идем дизайн/изменить html и ставим галку на "расширить шаблоны виджета". Далее находим участок кода

. Становимся курсором сразу же за открытой квадратной скобкой, для удобства чтения переходим на новую строку и там вставляем такой код: #navbar-iframe {display: none !important;}. Сохраняем изменения в шаблоне.

Изменение шаблона Blogspot: навигационные ссылки под постом.


Что именно я имею ввиду за ссылки? - Вот они:


Почему я считаю, что их следует убрать? - Они неинформативны. Читатель понятия не имеет что там за следующее сообщение и каким было предыдущее. Так что изменить шаблон в этом направлении совсем не помешат. Начало такое же как и в предыдущем пункте - дизайн/изменить html, расширить шаблоны виджета. Далее ищем в шаблоне следующее:


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



далее
 Это - сам код пейджера. Весь он к сожалению не вместился на скриншот, так что выделяем все от начала элемента div до закрывающего элемента: 
и удаляем. Сохраняем шаблон - на этом жестокая по отношению к пейджеру модернизация шаблона завершена.

Модернизация шаблона: "разбираемся" с авторами.


Во всех шаблонах, которые мы качаем с бесплатных сайтов, авторы оставляют свои реквизиты. В основном для этого используется футер, нижняя часть сайдбара и комментарий в коде. Я, конечно, уважаю авторские права - пусть ссылки на блоги и портфолио авторов остаются в футере и сайдбаре. Но комментарий из кода, лишь нарушающий его читабельность, я предлагаю убрать:
Выделяем все, что находится между слэшем со звездочкой и звездочкой со слэшем (и их в том числе) и удаляем. Сохраняем шаблон.

Вот такой пробный пост о модернизации шаблона blogspot получился.
Мой блог, а вернее его шаблон, уже многое перетерпел - в дальнейших постах буду постепенно описывать структуру шаблона blogspot и ее модернизацию.

Записи из похожих категорий:



blog comments powered by Disqus

Реклама

Нажмите, чтобы разместить рекламу в блоге


Топ комментаторов

Кнопки

Анализ сайта on line
Карта Блогеров