Полезные штуки для Blogger

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

Photoshop Actions - автоматизируем обработку изображений

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

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

Как закачать или расшарить файлы с Blogger

В Blogger, как все мы знаем, нет возможности публикаций и расшаривания файлов через ftp или http. Однако есть вариант (чисто ради понтов):

• расшарить любые файлы, например архив zip или rar
• получить классную, замаскированную ссылку, типа: http://ваш_домен.ru/files/pictures.zip

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

Письмо Платону Щукину - картинки с Пикасы

Прошлый ответ не решил проблему индексации картинок блога, поэтому я вечером 26 декабря написал новое письмо...

Письмо Платону Щукину

Наглядная демонстрация обращения в суппорт Яндексу. Цель любого обращения: чтобы ответ приходил ясным, чётким, от сотрудника техподдержки, а не автоответчика, с которым, полагаю, все успели уже познакомиться хотя бы раз ... Так же немного прояснён момент уникализации изображений для поиска.

И снова проблема со статическими страницами в Blogger

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

Ошибка Blogger со статическими страницами и переадресации

Вот и я столкнулся сегодня со знаменитой багой Блоггера - ошибкой в адресах статических страниц. До сих пор разработчики её не исправили и проявляется она в новой админке только. По сути это не баг: теперь дефолтовые страницы называются не blog-post, а blog-page.

Как сделать контактную форму (связь с автором)

Форма обратной связи, маскирующая email автора сейчас на блогах почти обязательное условие. Очень удобно. Причём в последнее время множество сервисов предоставляет такие почтовые услуги по пересылке письма и дают готовый код формы для установки на сайт в один клик. Это так же актуально для Blogger, у которого нет отправлялки писем в движке.

Далее рассмотрим пошагово создание контактной формы для блога на примере Blogger и зарубежного сервиса Emalmeform. У статьи планируется продолжение, так что следите за новостями в блоге и подписывайтесь на RSS.

Убрать надпись Технологии Blogger

На всех блогах по умолчанию есть виджет с копирайтом, типа "Шаблон "Simple". Технологии Blogger.
В общем-то он безобидный, можно туда вписать свои права, но сквозная ссылка на blogger.com для блога - лишний нежелательный сео-фактор. Нечего за наш счёт поднимать тИЦ =).

Разные title и заголовок поста

Первое предупреждение перед прочтением: не применять на практике, если не знаете нужно это или нет. В большинстве случаев не нужно. Пока это больше рассуждения, чем рецепт.
И так, о чём же я?
В CMS, в частности, Yoom (и других), я встречал возможность делать заголовок поста независимым от title. Это хорошо в том случае, когда для поисковиков в название статьи нужно понапихать ключи, а читателям дать другой, более человечный заголовок.

Страница с результатами поиска на блоге

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

Оформление цитаты в блоге - blockquote

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

Для цитат есть специальный HTML тег blockquote. Его аналог в редакторе поста в Blogger - это кнопка с двойной кавычкой. Сама область с цитатой должна быть практичной, красивой, а не размахай на 1000px, как я видел на одном блоге.

Виджет архивов на всю страницу

Известный многим блоггерам Абу Фархан, человек переписывающий скрипты для Blogspot, как-то создал скрипт-виждет, с помощью которого можно на статической странице выводить свой архив (для тех, кому в сайдбаре жалко места) постов. Вообще, это TOC, она же карта блога с отсортированными по дате постами, но будем считать скрипт крутым виджетом архивов для Blogger.
Об оргинале скрипта написано здесь.

Youtube и размеры ролика

Заметка для самого себя.

Один раз разобрался, оставляю, чтобы в следующий раз не тратить время.

Youtub'овский ролик поставляется с самого Youtube (Поделиться -> Сгенерировать HTML-код) в виде кода iframe с параметрами ширины и высоты. Их можно вручную каждый раз после вставки кода переписывать под желаемые, а можно один раз через CSS зафиксировать размер, привязав к определённому классу.

Как закрыть ссылки в гаджете Blog List

В заметке "Самые интересные блоги" я показал агрегатор блогов под названием "Рулетка". Это был сео-эксперимент: написать статью под одноимённый запрос, а внутрь неё выводить неиндексируемые анонсы с дружественых блогов (кому надо, подавайте заявку).

Я так же сделал совсем простенькую "веб-морду" (см. здесь -> ruletka.omg-linux.ru) с выводом на том же js, и теперь можно транслировать последний пост из рулетке в "сайдбаре". Скриптов для этого много, но мне нужен простой вариант, т.е. сделать это надо встроенными средствами с помощью блоггеровского гаджета Bloglist, он же "Список блогов" (Покажите остальным, что вы читаете, с помощью списка любимых блогов). Для этого нужно засунуть в гаджет страницу или фид (если это главная страница, то в ней должна быть прописана ссылка на фид).

Как переделать гаджет архивов в Blogspot

В Blogger среди виджетов есть почётный и самый старый виджет/гаджет - Архив блога. Он показывает в нескольких вариантах разделы блога. Это и есть самые настоящие категории, за которые мы привыкли считать ярлыки (теги):

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

Облако тегов разных цветов

Облако тегов (облако ярлыков или меток) - практически обязательный элемент любого блога. Это и элемент удобной тематической релевантной навигации и просто дополнительные понты к дизайну сайта. Несколько лет назад популярно было облако на flash технологии, ещё встречаются трёхмерные модельки на jQuery, но обычно блогеры и вебмастера используют упрощённый вариант с ипользованием CSS и встроенных средств своего движка.

Как защитить ссылку на email-адрес от спамеров

В продолжение заметки "Autolinks - Автоматические ссылки для блога" покажу, как можно с помощью очень котороткого скрипта защитить ссылку на email.
Предыдущий скрипт jquery.autolink.js нельзя назвать хорошей защитой для почтовых ссылок, поскольку в исходнике страницы полностью фигурирует линк вида mail@mail.com. По домену и собаке спам-боты (назовём их так) быстро определят ссылку почтовой и занесут в свою базу. Не знаю, как сейчас происходит получение ссылок, сканируются ли сайты, или ссылки "покупаются" в других местах, но защищать их надо.

Autolinks - Автоматические ссылки для блога

С автоматическими ссылками многие пользователи знакомы по форумам. Это когда при написании топика вы кидаете тестовую ссылку, а движок её преобразовывает в активную, т.е. "на выходе" через полноценный тег a. Насколько я помню, в природе встречался плагин и для Wordpress с такими же функциями.

Сегодняшний гость обзора - скрипт jquery.autolink.js. Он разработан для создания кликабельных ссылок из обычных тестовых (определяет ссылки по заданным по символам) и даже умеет подсвечивать заданные слова.

Эффект загнутого уголка при помощи CSS

Мне очень понравился этот трюк: создание блоков с загнутым уголоком только при помощи CSS3, а точнее, добавление и позиционирование цветного флажка из псевдо-элемента.
В эти блоки можно помещать фразы/цитаты, оформлять и выделять какие-либо важные части текста и т.п.
Всё это безобразие обещано работать в Firefox 3.5 +, Chrome 4 +, Safari 4 +, Opera 10 +, IE 8 +.
Не буду тянуть резину, кому интересен процесс, могут заглянуть в статью первоисточника.