Ошибка 404. Красивое оформление страницы 404 на blogspot

Привет Всем! Все  в блогосфере заснули в летней спячки, найдя  себе оправдание - Жара.  Но смотря  в свое окно, я вижу дождь и температуру всего 17 градусов. Не верю, что где-то может быть жара. Дорогие Блоггеры, возвращайтесь, я безумно за вами скучаю!

Ну а теперь,  о главном. Я уже писала пост о битых ссылках на наших блогах. Где более детально рассматривала проблему ошибки 404.

Битые ссылки есть и будут всегда на блоге. И никуда от них не деться. Но для ваших читателей, страницу с  ошибкой 404, можно немного  украсить. Стандартная форма ошибки на blogspot выглядит примерно так:

А хотите, что бы читатели видели ее такой?

Легко, делюсь скриптом, который поможет вам в этом:

<b:if cond='data:blog.pageType == &quot;error_page&quot;'><style>#error-not-found {    background: #ff0000;    background: url(http://netgood.ru/wp-content/uploads/2011/09/error404.jpg)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #ff0000 0%, #880000 100%);    background: url(http://netgood.ru/wp-content/uploads/2011/09/error404.jpg)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#ff0000), to(#880000) );
        text-align:center;        position:fixed;        top:0px;        right:0px;        bottom:0px;        left:0px;        padding-top:270px;        z-index:#880000;}#error-not-found  h1 {        font-size:640px!important;        position:absolute;        font-family:impact,sans serif!important;        top:70px;        left:50%;        letter-spacing: -8px;        margin-left:-502px!important;        width:960px;        z-index:-2;        color:rgba(0,0,0,.09)!important;}#error-not-found  h2 {        font-family:arial black,sans serif!important;        text-transform:uppercase;        font-size:81px;        line-height:66px!important;        letter-spacing: -3px;        color:#000000!important;        margin:0!important;        padding:0!important;}#error-not-found p a,#error-not-found p a:visited,#error-not-found p a:hover{        font-family:arial black,sans serif!important;        text-transform:uppercase;        font-size:56px;        line-height:40px!important;        border:none;        font-weight: bold;        color:rgba(0,0,0,.5)!important;        margin:0!important;        padding:0!important;        text-decoration:none!important;}</style><div id='error-not-found'> <h1>404</h1> <h2>УПС... извините</h2>
 <h2>Ошибка</h2>
 <p> <a href='/' title='home page'> На главную</a></p>
</div>
</b:if>

Данный скрипт поставьте перед закрывающим тегом </body>

http://netgood.ru/wp-content/uploads/2011/09/error404.jpg - можете поставить любую другую картинку

Красным цветом выделен текст, который вы сможете заменить на свой

.