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

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

Постоянная ссылка

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

Blogger Service Unavailable 503

Сегодня вечером Blogger приподнёс очередной сюрприз: (многие, если не все) блогспотовские блоги при открытии любой страницы лично у меня выдавали ошибку 503 ↓

Как сделать карту блога

В моём блоге это называется оглавление, но многие называют такой ковёр ссылок постов, сортированных по тегам, картой блога. За рубежом же это называется краткой аббревиатурой TOC (table of contents).
Эта карта нужна для того, чтобы пользователь мог сориентироваться в постах блога, рекламодатель и партнёр мог посмотреть тематику, и вообще такая страница уже стала обязательной практически на любом блого-сайте.
Сделать её не трудно, понадобятся только навыки копипастинга =).

Автоматический редирект на другую страницу

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

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

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

Новая пользовательская страница 404 для Blogger

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

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

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

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

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

Как поставить значок к ссылкам

В прошлой статье я показывал, как выводить фавикон для внешних ссылок.
В этой заметке посмотрим на прикольный jQuery скриптик link_external_icon.js, который прилепит любой значок к ссылке, что позволит выделить её на ковре монотонного текста. Скрипт ставит картинку лишь в том случае, если найдёт target="_blank", что считается, в принципе, внешней ссылокой (хотя мы привыкли прописывать этот атрибут для любых ссылок, чтобы, не дай Бог, не потерять пользователя и не ростить проценты отказов).

Отображаем события Blogger и Twitter

Иногда на сайтах/блогах можно встретить на специальной странице или в виджете столбик отчётов об изменениях в блоге (добавил такой-то пост, оставил такой-то коммент, опубликовал в twitter'е такую-то запись).

Как вывести для ссылки фавикон

Ссылки можно оформлять по-разному: менять их цвет (в том числ при касании), размер, добавить тень, подсказки, пришпандорить иконку.
Как вариант (в том числе и для улучшения постовых), чтобы ссылки выглядели солиднее, к ним можно подгружать фавикон сайта-донора (т.е. на который вы ссылаетсь).
Обычно это делают автоматически или вручную с помощью Google и Yahoo, и некоторых специальных сервисов.
Сегодняшний скриптик умеет тянуть "вживую" фавиконы с сайта.

Расшариваем картинки - Меню для правой клавиши мыши

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

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

PostFollow VS DoFollow

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

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

Бесплатные постовые

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

Горизонтальное слайдшоу для блога

Простое горизонтальное шоу для блога. Предназначается для установки в html/javascript виджет Blogspot'а или в аналогичный модуль любого движка, поддерживающего javascript.
Настройка скрипта очень простая: нужно лишь подготовить ряд подходящих по размеру изображений, запастись для них ссылками и настроить скорость прокрутки.
Через этот скрипт можно крутить интересные посты, рекламу и т.п. агитирующие к кликанью картинки.

Уголок наверху страницы при помощи CSS

В предыдущей заметке "Эффект загнутого уголка при помощи CSS" (в комменатариях) Дамир, автор блога Damir-tote.ru (кстати, вот его интересный конкурс) спрашивал, как сделать кликабельный зафиксированный уголок-картинку в самом верхнем углу сайта, "наподобие как у Александра Борисова".

Ну вообще создать такой средствами CSS не сложно: картинку надо отпозииционировать и закрепить (fixed) в нужной области.
Уголок я нашёл на сайте isif-life.ru, и как обычно бывает, благополучно, чисто из-за лени рисовать что-то своё, спёр.

Ошибки Blogger в админках Яндекса и Гугла

Анализ некоторых  недостатков Blogger с позиции двух известных поисковиков.
Все данные взяты из админок Вебмастера от Яндекса и Инструментов для веб-мастеров российской версии Google.

Виджет рекомендаций для Blogger

Сервис SimpleReach, который специализируется на виджете рекомендуемых постов The Slide, разработал вариант для Blogger. От обычного виджета он отличается добавленной условной конструкцией и пониманием блогспотовского шаблона.

Массовое приминение атрибутов rel и target к ссылкам в Blogger

Создание ссылок при написании статьи в Blogger происходит в редакторе двумя путями:
1) через "создать"
2) через "изменить "html"
Обычно начинающие юзеры пользуются только первым способом и любые манипуляции с html боятся, как огня. "Оперившиеся" и со стажем блоггеры зачастую пользуются обеими функциями редактора, и такие важные атрибуты, как target="blank" (графическое редактирование поста позволяет поставить этот атрибут) и rel="nofollow" прописывают вручную.

Анимированная кнопка для ссылки

Нашёл интересную кнопку, которую автор охарактеризовал, как twitter like.
Твиттер менял интерфейс, так что возможно и было нечто подобное.
Кнопка использует возможности библиотеки "доджо" (dojo), настраивается с помощью css.
В оригинале она сделана для авторизации, но я узрел её применение в другой области - для оформления ссылки на скачивание файла. Немного подкрутив дизайн, можно сделать из этих кнопок рубрики для блога, подсказки, ну или на что фантазии хватит.