Дата и время публикации для каждой статьи

TimeМногие пользователи платформы Blogger заметили, что при публикации нескольких статей в один день, дата над ними высвечивается общая. Только время публикации у каждой статьи свое. Мне, если честно, это сразу не понравилось. Захотелось, чтобы у каждой статьи был персональный шильдик, в котором бы указывалась дата и время публикации. Как вы видите из строки сразу под заголовком статьи, у меня это получилось! Настало время и вам узнать о способе сделать подобное...

Хочу сказать сразу, что этот способ покажется вам нестандартным и даже немного граничит с хакерством ;-) Мы задействуем недокументированную функцию платформы Blogger (Blogspot)!

SEO-оптимизация мета-тэга Description

Meta DescriptionНе так давно я рассказывал про оптимизацию тэга title. Думаю, пора копнуть глубже и заняться тэгом description. Это очень полезный мета-тэг. Информация из него обрабатывается поисковыми системами и помогает сформировать целевую аудиторию вашего ресурса.

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

Спойлеры в блоге

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

Сейчас мы добавим возможность создания спойлеров и в наш блог!

Свой набор кнопок социальных сетей

Social ButtonsПолагаю, что большинство блогеров знает, для чего нужны кнопки социальных сетей (те, кто не знает, срочно идут знакомиться со статьей 'Правило трех "И"'). Разработчики платформы Blogger (Blogspot) не обошли вниманием этот вопрос, предоставив нам панель с наиболее популярными, по их мнению, кнопками. Но что делать, если стандартного набора нам недостаточно, хотя бы потому, что в нем нет кнопок популярных в России социальных сетей? Или, в случае, если нам не нравится дизайн этой панельки? Тут вам поможет эта статья!

"Анонимный комментирует..." меняем на...

AnonimousТе, кто использует в своем блоге на платформе Blogger (Blogspot) родную службу комментариев, сталкиваются с тем, что читателей, которые не подписались, система именует "Анонимный". Лично для меня это как-то некорректно выглядит - примерно как слово "нигер" в США. Куда лучше ведь назвать комментатора "Гость" или "Читатель". Слово "комментирует", тоже, я думаю, не всех устраивает. Можно же использовать "сказал(а):", "говорит:", "считает..." или "пишет...".

Что ж, думаю, настало время подогнать эти слова под свое мировосприятие :-)

Язык шаблонов Blogger: Тэги для подстановки данных

Blogger LogoДанная статья является заключительной в серии публикаций с переводами на русский язык разделов справки Blogger, посвященных синтаксису шаблонов разметки блога.

(Перевод материала Layouts Data Tags, дополненный мной)

Язык шаблонов Blogger: Тэги для содержимого виджетов

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

(Перевод материала Widget Tags for Layouts)

Язык шаблонов Blogger: Тэги для описания элементов страницы

Blogger LogoДанная статья открывает небольшую серию публикаций с переводами на русский язык разделов справки Blogger, посвященных синтаксису шаблонов разметки блога. Серия призвана помочь тем, для кого сообщение "Запрошенная вами информация в настоящий момент недоступна на вашем языке" представляет собой достаточно большую проблему.

(Перевод материала Page Elements Tags for Layouts, дополненный мной)

Убираем ссылку "Подписаться на: Сообщения (Atom)"

SubscribeВ стандартных шаблонах Blogger (Blogspot) внизу головной страницы присутствует ссылка "Подписаться на: Сообщения (Atom)". Изысканным дизайном она не блещет, информативностью тоже. Да и польза от нее под большим вопросом. Существуют же стандартные виджеты "Канал" и "Подписка", которые можно разместить на боковой панели. А многие, как я, например, вообще отказываются от стандартных виджетов подписки в пользу самостоятельно созданных HTML-блоков.

Скорее всего разработчики Blogger заключили какое-то соглашение на рекламу протокола Atom - почему и появилась эта нелепая ссылка в нижней части шаблона. А вот лично нам оно надо?

Изменяем ширину формы отправки комментариев

ResizeМало, наверное, среди блоговодов людей, у кого ширина основной ленты блога составляла бы всего 425 пикселей. Тем не менее, именно столько отмерили разработчики стандартных шаблонов Blogger (Blogspot) для формы отправки комментариев. Согласитесь, довольно нелепо смотрится маленькая форма отправки, жмущаяся к левому краю, на фоне самих комментариев, которые как и полагается, растянуты на всю ширину основного столбца.

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

Смайлики в комментариях

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

Форумы уже давно обзавелись возможностью автоматически переводить текстовые смайлики в изображения. Блогерам же, по большому счету, в этом отказано. Пора нам исправить эту несправедливость!

Заставляем работать виджет "Действия" в Opera

ReactionМногие в своих блогах на платформе Blogger (Blogspot) задействуют виджет "Действия" (в английской версии "Reactions"), с помощью которого читателю предоставляется возможность оценить статью. У меня вы его тоже можете наблюдать внизу каждой статьи, только под другим именем - "Оценка статьи".

Так вот, проблема в том, что стандартный вариант виджета "Действия" не работает в браузере Opera - показывается только название виждета, в то время как варианты оценки статьи не отображаются.

Красиво оформляем ссылку "Дальше »"

MoreДумаю, многие пользователи платформы Blogger (Blogspot) знают о ссылке "Дальше »" (в английской версии "Read more »"). Она появляется при использовании специального тэга <!--more-->. Тэг этот можно прописать как вручную, так и воспользоваться кнопкой "Вставить ссылку "Дальше" в WYSIWYG-редакторе, используемом в Blogger для публикации статей. Применение этого тэга обусловлено желанием автора блога существенно обрезать статью на главной странице, оставив ссылку на полную статью. Подобное полезно, чтобы излишне не растягивать интерфейс главной страницы полновесными статьями.

Опция, на мой взгляд, очень нужная. Но вот ее оформление подкачало...