Перекройка шаблона Blogger или N шагов к настоящему

После того как я зарегистрировал площадку на сервере blogspot, встал вопрос о «прокачке» шаблона. Стандартное оформление не впечатлило. Пришлось немного поупражняться с напильником. По закону жанра ответы были найдены в google.
Дружеский совет: сохраняйте локальные копии шаблона до изменения и после его успешного применения.
Далее следует краткий эпос о том, как шаблон эволюционировал за последний месяц, а именно столько просуществовал этот блог :)

1. Для начала советую ознакомиться с заметкой Михаила Конника. Там есть много вкусного и полезного. Мною были почерпнуты ценные байты про перевод статей на другие языки (а точнее на english) и устранение NavBar.

2. Исходя из тематики блога, часто приходится публиковать консольные команды и терминальный вывод. Ознакомиться с необходимой инструкцией можно тут. У меня стиль оформления кода описан так:

pre.listing { 
 border: 1px solid #aaaaaa; 
 overflow: auto;
 padding: 10px; 
 font-family: courier new; 
 font-size: 9pt; 
 background: #e9edeb; 
}

Также пост Дмитрия Конищева помог прикрутить компонент «Читать далее».

3. Следующим пунктом будет монтирование новомодного облака меток. How-to на русском брал здесь. Даже менять ничего не пришлось. Цвет тегов вписался в шаблон.

4. Социальные кнопки прикручивал, руководствуясь статьей Юрия Евстигнеева.
Единственное, пришлось потом поменять высоту footer'a:

.post-footer { 
  background: #ffffff; 
  height: 85px; 
  margin:0;

5. Поиск по блогу и последние комментарии установил двумя кликами. Эти штуки брал отсюда (называется (Recent comments widget и Search widget).

6. Роботам, коллекционирующим адреса почтовых ящиков было отказано в приеме. Симпатичные иконки для разных серверов (в моем случае для GMail) брал тут.

7. Статус JID, через который со мной можно связаться, сделал с помощью французского бота. Подружиться с ним можно на этой странице.

8. Лента планеты блогов о *NIX транслируется через стандартный RSS-компонент blogger'а.

9. Кнопки были перемещены всем скопом на дно страницы. Все они имеют разрешение 85x15 точек и не отвлекают посетителей. К тому же не уродуют внешний вид блога. По крайней мере хочется надеяться на это :)

10. Так были изменены стили оформления комментариев.

11. Ссылка на содержание блога родилась благодаря этой заметке.

12. Виджет "похожие посты" внедрил по инструкции Hoctro.

Успехов!

Tweet