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



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


Здравствуйте дорогие гости и читатели. Продолжаем работать над дизайном блога. И сегодня рассмотрим вариант как сделать заголовок в блоге выше или ниже, кому как необходимо.

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

Итак, первое-заголовок: я приведу для примера два скриншота своего тестового блога расположения в нем заголовка, и Вы сами увидите разницу.

Здесь хорошо видно расстояние сверху, согласитесь уж очень большое

Показано положение заголовка до вставки кода

А здесь после вставки кода

Показано как поднялся заголовок

Приятно посмотреть

И всего то надо зайти в шаблон-изменить шаблон, найти закрывающий тэг </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>

Вот и все дела. Работайте над оформлением дизайна своих блогов, при желании можно сделать конфетку и родной шаблон blogger. Читайте мои посты оформление основного фона и всех страниц блога и как изменить фон боковых панелей блога. Задавайте вопросы, пишите отзывы, делитесь с друзьями и знакомыми в соц сетях. А я говорю Вам всем пока, и до новых встреч.



Автор статьи ✎ Olga Protasova Выпуск ✹ 5/19/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

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


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *