Google+ Blogger WordPress Facebook Like Vkontakte Odnoklassniki LiveJournal vKruguDruzei Facebook Email Gmail
воскресенье, 6 мая 2018 г.

Поднять/опустить заголовок и вставить гаджет сверху заголовка


Поднять, сделать ниже заголовок блога, и как вставить гаджет сверху заголовка
С помощью небольших изменений добавим гаджет сверху заголовка. Сейчас мы не можем этого сделать в блогах Blogspot.

             Здесь хорошо видно расстояние сверху,
              согласитесь уж очень большое                                Здесь после вставки кода
Показано положение заголовка до вставки кода                         Показано как поднялся заголовок    
Приятно посмотреть
Надо зайти Тема-изменить HTML, найти закрывающий тэг </head> 
и выше вставить вот этот небольшой скопированный код
<style type='text/css'>
.content-inner
{
margin-top: -50px;
}
</style>

Измените числовое значение 50 рх; на нужное Вам 
(больше число-выше заголовок и наоборот).

Второе-добавим гаджет сверху заголовка. 

Опять идем в шаблон-изменить шаблон.
Нажимаем сверху-список виджетов-Header1 (заголовок).
Ищем курсор мыши, указывающий на заголовок нашего блога.
Это в самом начале, далеко внизу не ищите. Смотрите скриншот
Где найти код заголовка
Ищем вот эту строку
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
То, что выделено у меня красным 1- меняем на 2
Снимаем блокировку вставки виджетов no-на yes.
Нажимаем просмотр и-сохраняем.
Теперь перейдите в дизайн-перезагрузите страницу, увидите над заголовком 
добавленный виджет. Смотрите на скриншоте
Где посмотреть добавленный виджет
Вы можете добавить не один виджет, для этого увеличивайте числовое значение maxwidgets='1' на 5, 7 и.т.д Можно добавить гаджет поиска или баннера 
Вашей партнерской программы. 
Только сильно не увлекайтесь, так как известно, что скрипт HTML/JavaScript 
сверху в заголовке тормозит загрузку страниц. Да, можно вставить два гаджета
 в одном, заключив в <table>...</table>.
<table><tr>
<td>ваш код</td>
<td>&nbsp;&nbsp;</td> пробелы 
<td>ваш код</td>
</tr></table>
Вот и все дела. Работайте над оформлением дизайна своих блогов, 
при желании можно сделать конфетку
Подчеркивание заголовков используя CSS для блоггер;
 https://www.bdblogov.ru/2014/05/how-up-down-title-and-paste-gadget-top-header.html



0 коммент.:

Отправить комментарий