Google+ Followers

Будь в курсе событий!

10.01.2014

Настройка, и установка страницы ошибки(404) на блогспот, блоггер часть первая

Leave a Comment


Здравствуйте дорогие друзья сегодняшний урок будет у нас о странички ошибки 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>
        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
          <data:blog.pageName/>
          |
          <data:blog.title/>
          <b:else/>
          Page Not Found |
          <data:blog.title/>
        </b:if>
      </b:if>
    </title>



Жмем на сохранение и делее вставляем вот этот скрипт:


<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="http://3.bp.blogspot.com/-VazK8ZIMIo0/T29ZktlwCVI/AAAAAAAAAM4/Fb4VUpCh2LY/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="http://3.bp.blogspot.com/-unUiQAZJDZM/T29ZhgrSbnI/AAAAAAAAAMg/7KLym2snYbI/s1600/404+error+page+3.jpg"/>



       Как было в инструкции в Пункте  2  ну и сохраняем настройка завершена. 
 

0 коммент. :

© 2012-2017 Cash's from program