Убрать заголовок гаджета, изменить его стиль.

Вот вариант как убрать заголовок гаджета.

  1. В "Дизайн"-"Изменить HTML" устанавливаем галочку "Расширить шаблоны виджета".
  2. После заголовка гаджета, который впал в не милость, удаляем код:
<h2  class='title'><data:title/></h2>

Начинайте свои поиски снизу шаблона. Чтобы упростить себе задачу, нажимаем Ctrl+F и в окошке внизу браузера пишем название заголовка гаджета. В моем случае, это - "Ярлыки".

Трудность может возникнуть только с гаджетом "Постоянные читатели". Поскольку убрать его название затруднительно, я воспользовалась универсальным виджетом HTML/JavaScript, а нужный код нашла в "Мастер сообщества Google".
Убираем заголовок гаджета Blogger.

Изменить стиль названия гаджета.

Для всех элементов боковых панелей.

Стиль определяется фрагментом, который нужно добавить перед ]]></b:skin>
.sidebar h2 {}
Например, тень для текста:
.sidebar h2 {text-shadow: 1px 1px 1px #fff;}

Для заголовка определённого гаджета.

Сначала зададим класс тегу h.
<b:if cond='data:title'><h2 class='gadzhet'><data:title/></h2></b:if>
Затем перед ]]></b:skin> укажем нужный стиль, а именно в данном образце размер шрифта и его начертание:
.gadzhet {font-size:133%; font-weight: bold;}

Буквы заголовка виджета имеют разный стиль.

Как, например, в логотипе Google. Здесь поступаем аналогично предыдущему пункту. Только внутри тега h2 зададим ещё один класс или, если хотим разделить слово надвое, тег span. А поскольку <data:title/> это и есть название виджета, заменим его на слова.
<b:if cond='data:title'><h2 class='gadzhet'><span>Последние</span> статьи</h2></b:if>
Стиль задаём для каждого класса или во втором случае отдельно для тега span перед ]]></b:skin>:
Стиль заголовка гаджета на shpargalkablog.ru

Оптимизация.

Применение тега h2 для боковой панели, на мой взгляд, является не оправданным. Поэтому его желательно заменить его на тег strong.
<b:if cond='data:title'><strong class='gadzhet'><span>Оптимиз</span>ация</strong></b:if>
Rookee — инструменты для привлечения клиентов на сайт
в f t
наверх ↑

24 комментария:

Keytaro
Здравствуйте. Подскажите,пожалуйста, если я хочу, чтобы у меня заголовки виджетов были в тегах h3, то как это лучше сделать?
NMitra
Боюсь, что только ручным способом, указав галочку "Расширить шаблоны виджета", нажав CTRL+F и заменив все h2 на h3.
NMitra
Keytaro, если вам не подходит мой способ оптимизации заголовка посмотрите ещё эти блоги:
1)http://amateurblogger.ru/2011/01/kak-pomenyat-zagolovki-blogger-blogspot.html,
2)http://addstips-site.blogspot.com/2010/01/optimizatcia-css-dla-bloggera.html
Keytaro
Спасибо, сейчас изучи их посты.
NMitra
Правильно. Я тоже считаю, что общая картина должна складываться из нескольких источников.
Илья Шутка
вообще заголовок можно просто не писать )
NMitra
Точно) Но одно время не было этой возможности.
vector illustration
А меня волнует такой вопрос - можно ли вообще закрыть от индексации некоторые гаджеты на блогспоте? Например, закрыть ссылку на мой профиль, ссылки на читателей и еще кое-что.
NMitra
Гаджет "Читатели" не индексируется, т.к. сделан с помощью внешнего скрипта.

Из профиля можно убрать ссылку в шаблоне "Дизайн"-"Изменить HTML":
<a expr:href='data:i.userUrl'>

Google не читает внешние скрипты или безатрибутные ссылки (http://devaka.ru/articles/complex-javascript-for-google):

<a name="a" id="a">безатрибутный индекс</a>. <script type="text/javascript">document.getElementById("a").setAttribute("href","http://seodic.ru/terms/%D0%B8%D0%BD%D0%B4%D0%B5%D0%BA%D1%81");</script>

Внедрить её в шаблон у меня не получилось, поэтому выход удалять ссылки либо писать текстом, как у меня в комментариях.

Яндекс не учитывает ссылки в nofollow.
Аль Пачино
tnx давно это искал
Marina Varzhainova
Я опять к вам за советом, не откажите :)
Я когда-то все гаджеты (названия), даты и т.д заключила в тег h5, но опираясь на данные pr-cy - меня не устраивал результат и попалась под руку ваша статья с советом о теге strong.
Меня интересует можно ли заменить стили таки же образом, т.е. все мои h5 в стилях заменить на стронг. Вернее я догадываюсь что можно, но я не уверенно как правильно, добавить id к тегу и стоит ли заменять стили или надо дублировать?

PS Надеюсь не запутала... :)
NMitra
У вас

h5 {
font: normal bold 14px 'Times New Roman', Times, FreeSerif, serif;
color: #2b2b2b;
}

Получаем:

<span class="primer">текст</span>

стили:

span.primer {
font: normal bold 14px 'Times New Roman', Times, FreeSerif, serif;
color: #2b2b2b;
}
Marina Varzhainova
Я поняла. А заменять h5 нужно или просто продублировать?
NMitra
Если хотите отказаться от h5, то лучше заменить.
donxd
взял все названия гаджетов в strong , но почему то ничего не произошло. Один гаджет только стал подписан просо как текст статьи(гаджет любимые блоги) а все остальные так и остались на странице в h2, может еще где то надо кроме вот этого class='title'><data:title/ заменить на стронг ?
donxd
ага, все , сделал, спасибо :-)
просто пропустил несколько h2 они были под разными классами и разного вида поэтому не заметил их.
WAD
Здравствуйте! У меня стоит шаблон "Корпорация Чудеса". Я хочу чтобы у меня дизайн названий гаджетов остался таким же, но просто код был не h2 а strong и у меня никак не получается... Помогите если Вас не затруднит.

У меня, в принципе, во всем такая проблема (в названиях сообщений, подзаголовков)... Хочется чтобы дизайн остался но при этом код h изменился на нужный
NMitra
Содержимое в

.sidebar h2

замените на

.sidebar strong

Конечно после того, как измените все

<h2 class='title'><data:title/></h2>

на

<strong class='title'><data:title/></strong>

В целом посмотрите на http://shpargalkablog.ru/2011/08/kak-ispolzovat-css.html
WAD
Спасибо, что ответили. Будем разбираться... во всяком случае кода ".sidebar h2" в шаблоне нет, но есть ".sidebar .widget h2", при смене которого на ".sidebar .widget strong" ничего не происходит))
Михаил
Здравствуйте! А можно ли сделать так, чтобы в названии гаджета изображалась картинка? Пытаюсь как-то колдовать, но что-то не получается)
NMitra
Здравствуйте, вместо <data:title/> код картинки. Только смотрите по вхождениям. Там много <data:title/> и часть нужна для мобильного шаблона.
Geoscope
Спасибо огромнейшее!
Ольга Строганова
Я Ваш постоянный читатель.Подскажите мне ,как виджеты ярлыков ( у меня их несколько )обрамить простой рамочкой.У меня многие виджеты сделаны в рамочке.Код блоггерских ярлыков у меня есть,но как вогнать и где,не знаю.Буду благодарна Вам!
NMitra
Какой адрес сайта? У всех виджетов ярлыков должна быть одинаковая рамочка?