Георгиевская ленточка. Чтим память воинов-победителей!

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

Меняем аватар анонимным комментаторам

Anonimous avatarВ комментариях на платформе Blogger (Blogspot), имеющих иерархический формат публикации, для анонимного пользователя разработчики Blogger (Blogspot) предопределили картинку аватара. Но что, если она вам не нравится? Что, если она не вписывается в интерфейс, или вам просто хочется видеть для анонима другую картинку в качестве "заглушки"?

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

Всплывающая подсказка

ToolTipЯ уже имел честь рассказать вам, как расширить функционал комментариев при помощи смайликов, цитат, картинок. Но как донести до читателя информацию, что все это у вас в блоге есть, и как всем этим пользоваться? Можно, конечно, задействовать стандартную опцию "Сообщение формы создания комментариев", имеющуюся в настройках Blogger (Blogspot), и под/над формой комментариев дать подробное описание синтаксиса всех наших добавок, но честно скажу, выглядеть это будет довольно громоздко. Лучше мы воспользуемся всплывающей подсказкой, которая, будучи свернутой, займет всего лишь одну строчку.

Возможность публикации картинок в комментариях

Images in commentsОчень часто, при общении с читателями, бывает необходимо обменяться графической информацией. И если мы, авторы, можем донести ее до читателей при помощи своих статей, то обратный процесс затруднен, поскольку разработчики Blogger (Blogspot) заблокировали возможность публикации картинок в комментариях. Между тем, и авторам, порой, не помешала бы возможность добавить фотографию/скриншот в комментарий, чтобы проиллюстрировать читателю какое-то действие/событие в ответ на его вопрос.

Красочное выделение цитат в комментариях

QuoteВ октябре прошлого года я написал статью, в которой рассказал о разработанном мной виджете, позволяющем давать ответ на конкретный комментарий и, даже, приводить цитаты. Увы, он работает только для линейного формата публикации комментариев. К комментариям, имеющим иерархический формат, он неприменим.

Что ж, мир не стоит на месте, и на смену старым решениям приходят новые. Вот и сейчас я хочу представить свое новое творение, позволяющее уже при иерархическом формате публикации комментариев оформлять текст в виде выделенных цитат!

Выбираем линейный или иерархический формат комментариев

Threaded & Simple CommentsУх, как я был зол на господ разработчиков Blogger (Blogspot), когда узнал, что они все-таки оставили автору блога возможность выбора между линейным (обычным) и иерархическим (древовидным) форматом комментариев. Нет, это хорошо, что оставили! Это просто отлично!!! Но так запрятать эту опцию, да еще в столь неочевидное место - это нечто... Ну ничего, все тайное когда-нибудь становится явным. И эта информация не исключение.

Скругление углов, тени и прочие изыски в IE9 на Blogger

CSS3 in IE9 for BloggerМногие из моих читателей, использующих Internet Explorer, полагаю, заметили, что некоторые варианты оформления, описанные в моих статьях, имеют скругленные уголки, тени, свечение и кое-какие другие графические изыски. Тем не менее, при переносе в свои блоги кода, описывающего эти элементы, они всех этих красивостей не наблюдали. И это при том, что большинство использует IE9, который, вроде как, поддерживает подобное.

Думаете, в этом виноват я? Ошибаетесь. IE9? Снова нет. Полагаете, что вы где-то напортачили сами? Самокритичность - штука хорошая, но ответ снова неверный. Виноваты разработчики Blogger, намеренно занижающие планку стандартов спецификации Internet Explorer!

Где хранить файлы или Полезные сервисы Google

Google File ArchivesСегодня мы поговорим о размещении файлов, которые мы используем как для оформления отдельных статей, так и блога в целом. Форматов их не так много: картинки GIF, JPG, PNG; скрипты JS; таблицы стилей CSS. Проблема заключается в том, что разработчики платформы Blogger (Blogspot) не предоставили нам места для хранения этих файлов. Да, картинки через редактор статей можно залить куда-то, а потом использовать. Но ведь бывают случаи, когда картинки задействованы не в статье, а в интерфейсе самого блога. Как быть в этом случае? Про скрипты и таблицы стилей я вообще молчу, так как с ними вообще дело швах.

Будем разбираться...

Растягиваем интерфейс блога на всю ширину окна

Interface widthПолагаю, многие заметили, что на широкоформатных мониторах при достаточно большом разрешении экрана, лента блога шириной в 700-800 пикселей смотрится неказисто - как тоненький ручеек посреди бескрайней равнины... Да, разработчики платформы Blogger (Blogspot) предоставили нам возможность растянуть интерфейс нашего блога аж до 1500 пикселей, но проблема в том, что это жестко заданный параметр, при увеличении которого блог будет смотреться плохо уже на мониторах с низким разрешением.

Как быть? Как растянуть наш блог на всю ширину окна браузера, но при этом угодить всей читательской аудитории, имеющей различные технические возможности? Об этом мы и поговорим в этой статье.

Убираем надпись "Технологии Blogger" внизу шаблона

Blogger Technologies OutМногих из моих читателей раздражает неотключаемая надпись "Технологии Blogger", притаившаяся в самом низу блога. И действительно, бывает, эта надпись абсолютно не вписывается в концепцию блога, в его дизайн. Или же, создашь блог на Blogger (Blogspot), но не хочешь, чтобы посетители знали, на какой платформе он построен. А для этого всего-то нужно три вещи: купить для него доменное имя, убрать навигационную панель вверху и упоминание о технологиях Blogger внизу. Про отключение навигационной панели я уже писал, про доменное имя мы еще поговорим в одной из следующих статей, а вот с "Технологиями Blogger" разберемся сейчас!

Расширяем возможности служебных строк комментариев

AnonimousПримерно три месяца назад я написал статью "'Анонимный комментирует...' меняем на...", где рассказал, как заменить некоторые стандартные наименования в служебных строках комментариев. С тех пор движок Blogger (Blogspot) претерпел значительные изменения - к прочим его фишкам добавилась новая - иерархический формат комментариев. Увы, код, предложенный в той статье, для этого формата комментариев не работает.

В этой статье я хочу рассказать, как для иерархического формата комментариев задействовать автозамену и добавить еще кое-какие полезные опции.

Плюсы и минусы иерархической структуры комментариев

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

Эта статья будет интересна и полезна обеим группам. Благодаря ей вы сможете объективно оценить это новшество и узнать, как восстановить работу некоторых скриптов, которые перестали функционировать после ввода иерархической структуры.

Украшаем свой блог к Новому Году!

Happy New YearДавно я не писал новых статей. Все как-то времени не было... Но обойти такие события, как Рождество и Новый Год я просто не в силах! Оставить моих читателей без подарка я не могу :-)

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

Адаптация старых статей под функционирование в IE

Internet ExplorerПросматривая статистику посещений своего блога, я заметил, что подавляющее большинство моих читателей используют для интернет-серфинга Internet Explorer. Я бы не акцентировал внимание на этом факте, если бы не один нюанс - из всех популярных браузеров, IE остался единственным, кто не поддерживает вообще или поддерживает лишь частично некоторые команды JavaScript, что я использую в своих скриптах. Из-за этого его недостатка, очень многие фишки, что я здесь ранее описывал, на этом браузере не работают. И это непорядок!

Комментарии на статичных страницах

CommentsВы знали, что для статичных страниц можно прикрутить комментарии стандартными средствами платформы Blogger (Blogspot)? Я до последнего времени не знал! Даже не догадывался. Впрочем, у меня есть оправдание - я не собирался свои "статики" снабжать возможностью оставлять комментарии и, как следствие, не копал в этом направлении. А ведь есть и такие, кто и хотел бы прикрутить комментарии к статичным страницам, да не знает как. А все потому, что переключатель возможности публикации комментов для таких страниц интуитивно найти довольно проблематично.

Персональный ответ и цитирование в комментариях

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

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

Красивое оформление комментариев в блоге

CommentsВ этой статье я хотел бы рассказать о том, как оптимизировать пространство в ленте комментариев и сделать ее несколько красивее.

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

Добавляем аватар анонимным комментаторам

AvatarВ комментариях на платформе Blogger (Blogspot), имеющих линейный формат публикации, для аватара пользователя выделено отдельное место. Но увы, в большинстве случаев это пространство пустует, так как читатели, комментирующие ваши статьи, зачастую подписывают свои комментарии при помощи аккаунтов, не имеющих аватара, или же, вообще, пишут анонимно.

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

Быстрый переход к форме отправки комментариев

CommentЯ уже писал об увеличении размера формы отправки комментариев, что, по сути, является одним из многих шажков в направлении оптимизации интерфейса нашего блога для удобства читателей. Сейчас я хочу предложить вам сделать еще один шаг в этом направлении. И он снова касается формы отправки комментариев.

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

Меняем сокращенное "коммент." на полное "комментариев"

CommentЭтой статьей я хочу начать небольшой цикл публикаций, посвященных оптимизации механизма комментирования на платформе Blogger (Blogspot).

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