Как настроить виджет от Google для страницы 404

 Виджет настраивается с помощью таблиц стилей CSS. Поэтому если вы знакомы с CSS, можете настраивать внешний вид пользовательской страницы 404 . Для настройки и изменения внешнего вида виджета, Google рекомендует добавить на страницу 404 следующий код:

	 <style type="text/css">
 /* Контейнер содержания виджета */
 #goog-wm { }  
/* Заголовок "Самое близкое соответствие"
 #goog-wm h3.closest-match { }
/* Ссылка "Самое близкое соответствие"
 #goog-wm h3.closest-match a { }
/* Заголовок "Что еще можно попробовать" */
 #goog-wm h3.other-things { }
/* Элемент списка "Что еще можно попробовать" */
 #goog-wm ul li { }
/* Окно поиска на сайте */
 #goog-wm li.search-goog { display: list-item; }
 </style>  	

После этого приступите к редактированию таблицы стилей CSS, меняя значения нужных элементов. К примеру, код который мы привели ниже будет определять параметры такие как:

• ширина,отступ, граница и цвет фона для контейнера (#goog-wm);
• цвет текста (Самое близкое соотвтствие), его граница и отступ, размер шрифта и поле (#goog-wm h3.closest-match);
• цвет заголовка Что можно еще попробовать (#goog-wm h3.other-things);
• в этом примере параметр display:none отключает окно поиска Google на сайте (#goog-wm li.search-goog). По умолчанию окно поиска отображается.
  Это значение используйте лишь когда хотите убрать окно поиска.

 #goog-wm {
 width: 800px;
 padding: 1em;
 border: 3px solid #aebd63;
 background-color: white;
 }
 #goog-wm h3.closest-match {
 color: #8f2831;
 border-bottom: 3px dashed #aebd63;
 padding-bottom: 0.5em;;
 font-size: 170%;
 margin: 0;
 }
#goog-wm h3.closest-match a { }
 
 #goog-wm h3.other-things {
color: #8f2831;
 }
 
 #goog-wm ul li { }
 
 #goog-wm li.search-goog {
 display: none;
 }