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

Dr.AKULAvich

2008-10-08

После того как я зарегистрировал площадку на сервере 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. Popular posts — иллюстратор спроса и предложения — моя статья от 23.03.08, в которой рассказывается о том, как присобачить виджет "5 популярных записей" к блогу.
11. Руководствуясь этой статьей, прикрутил стили оформления авторских комментариев.
12. Ссылка на содержание блога родилась благодаря этой заметке.

Успехов!