Вот вариант как убрать заголовок гаджета.
- В "Дизайн"-"Изменить HTML" устанавливаем галочку "Расширить шаблоны виджета".
- После заголовка гаджета, который впал в не милость, удаляем код:
<h2 class='title'><data:title/></h2>
Начинайте свои поиски снизу шаблона. Чтобы упростить себе задачу, нажимаем Ctrl+F и в окошке внизу браузера пишем название заголовка гаджета. В моем случае, это - "Ярлыки".
Трудность может возникнуть только с гаджетом "Постоянные читатели". Поскольку убрать его название затруднительно, я воспользовалась универсальным виджетом HTML/JavaScript, а нужный код нашла в "Мастер сообщества Google".
 |
Изменить стиль названия гаджета.
Для всех элементов боковых панелей.
Стиль определяется фрагментом, который нужно добавить перед ]]></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>:
 |
Оптимизация.
Применение тега h2 для боковой панели, на мой взгляд, является не оправданным. Поэтому его желательно заменить его на тег strong.
<b:if cond='data:title'><strong class='gadzhet'><span>Оптимиз</span>ация</strong></b:if>
24 комментария:
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
Из профиля можно убрать ссылку в шаблоне "Дизайн"-"Изменить 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.
Я когда-то все гаджеты (названия), даты и т.д заключила в тег h5, но опираясь на данные pr-cy - меня не устраивал результат и попалась под руку ваша статья с советом о теге strong.
Меня интересует можно ли заменить стили таки же образом, т.е. все мои h5 в стилях заменить на стронг. Вернее я догадываюсь что можно, но я не уверенно как правильно, добавить id к тегу и стоит ли заменять стили или надо дублировать?
PS Надеюсь не запутала... :)
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;
}
просто пропустил несколько h2 они были под разными классами и разного вида поэтому не заметил их.
У меня, в принципе, во всем такая проблема (в названиях сообщений, подзаголовков)... Хочется чтобы дизайн остался но при этом код h изменился на нужный
.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