Блог ИТ склеротика. Создать страницу ошибки 404 для Blogger - просто и эффективно

Страницы

Расширенный поиск в статьях блога

18 апреля 2012 г.

Создать страницу ошибки 404 для Blogger - просто и эффективно

Речь пойдёт о создании страницы ошибки 404.
Ничего таинственного и загадочного за этим набором цифр не скрывается! На страницу ошибки 404 пользователь Интернета попадает в случае перехода по битой ссылке, или по ссылке на удалённую страницу.
Долгое время эту функцию в Blogger выполнял скучный, унылый блок, который просто сообщал об ошибке и не нёс никакой другой полезной нагрузки. Вследствие этого авторы блогов теряли большое количество потенциальных читателей.


Теперь, благодаря усилиям разработчиков Blogger, мы можем создавать самые продвинутые и функциональные страницы ошибки 404.
Всё дело в том, что в форму создания страницы можно добавлять не только простой текст, но и полноценный HTML код. Это открывает новые просторы для творчества - внешний вид и эффективность страницы будет зависеть только от вашей фантазии и качества ссылок, картинок и скриптов, использованных при её создании.
Для тех, кому лень, или некогда заниматься творчеством - предлагаю готовый код, который обладает целым рядом преимуществ:
1. Его легко редактировать
2. Простая интеграция в блог
3. Он содержит действующую ссылку на главную страницу блога
4. В этом коде максимальное количество активных внутренних ссылок на минимальной площади
5. Ссылки автоматически будут меняться по мере наполнения блога новыми статьями
Для создания кода был использован скрипт из материала "
Виджет последние статьи в бегущей строке". Посмотреть действующую страницу ошибки 404 можно перейдя по этой ссылке.

СТРАНИЦА ОШИБКИ 404 ДЛЯ BLOGGER - УСТАНОВКА

1. Заходим в Настройки -- Настройки поиска -- Ошибки и переадресации -- Персонализированные сообщения об ошибке "Страница не найдена" -- Изменить

2. В открывшееся окно вводим следующий код:
<div style="text-align: center;">
<span style="color: #cc0000; font-size: large;"><b>Ой!!!</b></span></div>
<div style="text-align: center;">
</div>
<h3 style="text-align: -webkit-auto;">
<div style="text-align: center;">
<span style="font-size: large;">Вы оказались здесь, нажав на ссылку,&nbsp;</span></div>
<div style="text-align: center;">
<span style="font-size: large;">которая больше не работает!</span></div>
</h3>
<div align="center">
<span style="color: #ed9e1f; font-size: 150px;"><strong>404</strong></span></div>
<br />
<div style="text-align: center;">
<span style="font-size: large;">Попробуйте перейти на</span><br />
<span style="font-size: large;">&nbsp;<a href="http://vsegenialno.blogspot.com/">Главную страницу блога</a>!</span><br />
<span style="font-size: large;">Или на одну из последних статей:</span></div>
<script src="http://bloggertrickandtoolz.googlecode.com/files/bloggertricksandtoolz.js"></script><script>
var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="»»";
</script> <script src="http://vsegenialno.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2"></script>
3. Изменяем http://vsegenialno.blogspot.com/ на URL главной страницы вашего блога (в двух местах). Можно по своему усмотрению изменять и видимый текст страницы
4. Нажимаем кнопку "Сохранить изменения"
5. Для проверки вводим в адресную строку браузера адрес вашего блога, добавив к нему /xyz/, или /blablabla/ (должно получиться приблизительно так - http://vsegenialno.blogspot.com/blablabla/) и нажимаем Enter. Если всё сделано правильно - должна появиться красивая и функциональная страница ошибки 404.
Так, совместными усилиями мы добились того, что даже ошибки будут приносить нам пользу!
Доброй охоты всем нам!

.

Счетчик тИЦ и PR Яндекс.Метрика Msn bot last visit powered by MyPagerank.NetYahoo bot last visit powered by MyPagerank.Net ping fast  my blog, website, or RSS feed for Free