Здравствуйте дорогие друзья сегодняшний урок будет у нас о странички ошибки 404,(Error404)и её настройки.И так приступим, в своем блоге например у вас была статья, а потом вы её удалили и у вас остается пустая страничка в поиске.На которой написано блоггеровское сообщение об ошибке,оно выглядит очень невзрачно, простые сухие слова что страницы не существует. Или же какой нибудь человек набирая адрес вашего блога, ошибся с названием статьи, и ему снова это сухое дефолтное сообщение попадется на глаза.Так вот я и хочу вам рассказать уважаемые читатели как настроить такую страничку ,что бы вместо дефолтных настроек у нас отображалась красочная страничка об ошибке. К тому же в плане Seo, есть хорошо когда у нас настроена страничка об ошибке.И к примеру что бы нам уважаемые друзья, установить себе такую страничку как на скриншоте сверху, нам надо первое это зайти в блог естественно, далее меню слева настройки в самоом низу почти. Нам нужен пункт Настройки поиска, далее вот скриншот делайте все как указано на нем. Первый пункт
А вставлять надо вот этот скрипт:
<style type="text/css"> #error-404 { border: 20px solid #1B1B1B; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 auto 40px; text-align: center; transition: all 0.8s ease 0s; width: 240px; } #error-404:hover { border-color: #333; } #error-404 span { color: #FA4C29; font-size: 100px; font-weight: bold; line-height: 240px; } .large-heading { font-size: 48px; line-height: 1.2em; } .light-heading { font-weight: 400; } .status-msg-bg { background-color: transparent; } .sidebar-wrapper, .page-header { display: none; } .main-wrapper { margin-right: 0; } .outer-wrapper { min-height: 0; } .status-msg-border { border: 0 none; } </style> <div id="error-404"> <span>404</span>
</div> <h1 class="large-heading" style="text-align: center;">Page not found.</h1> <h2 class="light-heading" style="text-align: center;">Sorry, the page you were looking for in this blog does not exist..</h2><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.zarnakoom.com" target="_blank" title="Custom 404 Page">Custom 404 Page</a></div>
Но есть и другие немного способы установки, например вот такую
страничку что бы создать нам надо зайти в блог, далее шаблон, ИзменитьHTML зажимаем клавиши на клавиатуре CTRL+F в окошке поиска вводим тег </head> и как нашли чуть выше его вставляем такой скрипт: Пункт 2
<title></title>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/>
|
<data:blog.title/>
<b:else/>
Page Not Found |
<data:blog.title/>
</b:if>
</b:if>
Жмем на сохранение и делее вставляем вот этот скрипт:
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivZFz54QjICcNVsS6AgyTYEhm-hN-upFTH-MCY2PBuOp5yJL0Aux289KTnJJTFWNwNU1Wv6nRzvRwZTFhmkbwXPGXJSKto8NvPq1MeXs4RP_ObwdvBJwYYZUqszwunmVPpjIx3hBUl010/s1600/404+error+page+7.jpg"/>
По инструкции как в Первом пункте далее сохраняем настройка заверщенна.
Далее если хотим вот такую страничку об ошибке 404 ,
то нам надо вставить вот этот скрипт:
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6_Wn5djRIQRD1zBz6NW-UDb7I0UzbEMRbX_4vGYVZ8Sdx6MMPF3cqQLmT5I2wKCLvx-Va5D6W0Pn-hqIfPfJ6D8VCODjBhai_TZUEQY0jePVBfo6s-4PCAHgQGp0vmDdAwa-FxfmridI/s1600/404+error+page+3.jpg"/>
Как было в инструкции в Пункте 2 ну и сохраняем настройка завершена.
0 коммент. :