Гаджет список ссылок Blogger

Список ссылок BloggerДанный гаджет позволяет в удобной форме добавлять те ссылки, которые мы хотим видеть на боковой панели либо под заголовком, в том числе на сторонние ресурсы, и, благодаря изменению свойств CSS, создать нужный нам вид меню.
Гаджет список ссылок Blogger

Если разместить гаджет под заголовком.

Стиль под заголовком уже задан разработчиками. И он, как правило, гармонично сочетается с блогом. Это поле определяется в коде шаблона, который можно скорректировать на вкладке "Дизайн"-"Изменить HTML"
.tabs-inner {}
И для того, чтобы переместить горизонтальное меню влево, перед ]]></b:skin> пишем
.tabs-inner .widget ul {padding-left: 33%;}
Значение процентов подбираем под конкретный дизайн блога.


Часто сюда добавляют гаджет "Страницы". Но поскольку я не очень последовательна в своих действиях и вместо страниц, отличительной чертой которых является то, что их URL не содержит даты, создавала сообщения, мне было удобнее воспользоваться "Списком ссылок".
Добавить гаджет в блог

Стиль для гаджета бокового меню.

Если посмотреть в код шаблона, "Список ссылок" имеет type='LinkList' с идентификатором id='LinkList1'. Для последующих гаджетов id='LinkList2', id='LinkList3'.
ID отдельного гаджета
Для того, чтобы задать стиль используем id. Самый незатейливый код может иметь вид:
#LinkList1 ul { list-style: none; }

#LinkList1 ul a { text-decoration: none; } 

#LinkList1 ul a:hover { text-shadow: 1px 1px 1px #000; }
Стиль гаджета Списка ссылок



Статьи по теме:
Rookee — инструменты для привлечения клиентов на сайт
в f t
наверх ↑

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

Анонимный
Подскажите! В стандартном гаджете "список ссылок" ссылки открываются в том же окне. Возможен ли вариант открытия ссылок в новом окне?
NMitra
Да, для этого в код ниже добавляем target="_blank"

<b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target' target="_blank"><data:link.name/></a></li>
     </b:loop>
Анонимный
Большое Спасибо!!! НО!
в начале все сделал как вы посоветовали (поставил галочку Расширить шаблоны виджета) но шаблон не сохранился из-за ошибки. Потом сделал так (переставил выделеное жирным между a и expr) и все сохранилось и работает правильно.
NMitra
Странно. Всё, что я советую, перед публикацией на всякий непредвиденный случай тестирую. Возможно, Blogger опять что-то корректировал. Я вчера замечала ситуации, когда сервис "вылетал".
Аль
У меня все сразу получилось) но убрал
Sviat
А как добавить ещё несколько сообщений на уже созданную ссылку?
Спасибо!
NMitra
Не очень поняла вопрос. Растолкуйте, пожалуйста.
Дмитрий - Автор блога
У меня такой вопрос: Если использовать этот гаджет для "Партнерских ссылок" будет ли ПС Яндекс их индексировать...?
NMitra
Да, они прекрасно индексируются.
Анонимный
Наталья, подскажите...Если "партнерские ссылки" размещать в "дополнительной странице", будет ли Яндекс их индексировать или нет?
NMitra
Если на блоге нет Яндекс.Метрике и если не размещать на неё ссылок, например, в меню, то нет - не будет. Но надёжнее указать мета-тег

<b:if cond='data:blog.url == "http://адрес_вашей_строницы/"'>
     <meta content='noindex,follow' name='robots'/>
</b:if>

в "Дизайн"-"Изменить HTML" до </head>

Подробнее http://shpargalkablog.ru/2010/07/kontent.html.
Plotegor
А как изменить цвет Списка ссылок?
NMitra
#LinkList1 ul a { color: red; }

#LinkList1 ul a:hover { color: green; } - при наведении курсора
Анонимный
А как убрать лишние полосы по бокам от списка?
NMitra
См. http://www.southernspeakers.net/2011/01/blogger-pages-gadget-no-stretch.html
Anatoly Venediktov
Спасибо, админ. Помогло
Alex
подскажите, пожалуйста, как сделать много страниц по такому типу:

http://foodcomablog.com/my-library/
http://abeautifulmess.typepad.com/my_weblog/treats-a-beautiful-mess-recipe-index.html
http://abeautifulmess.typepad.com/my_weblog/elsies-closet-daily-outfit-catalog.html

спасибо!
NMitra
Нужно будет закатать рукава. Объединяется эта статья http://shpargalkablog.ru/2011/04/raspolozhit-soobshcheniya-bloga-v-dva.html с этой http://shpargalkablog.ru/2011/03/yarlyki-blogger.html

Там условие будет другое

    <b:loop values='data:post.labels' var='label'>
      <b:if cond='data:label.name != &quot;название_ярлыка&quot;'>
.....содержание.....
      </b:if>
    </b:loop>
Ольга Владимировна
Не получается добавить несколько ссылок. Выскакивает надпись: "Исправьте ошибки в форме" Орфографических ошибок нет. Что делать? Спасибо.
NMitra
Ошибка в формате - могу только догадываться, предположительно вам нужно проверить URL
Елена Митронина
уж и не знаю где еще искать, но моему блогу только 3 дня, составила список ссылок, добавила туда ссылки все было отлично, сегодня все работает, но вот ссылки добавить не получается. не выдает никакой ошибки, ничего не пишет, просто никакой реакции на мои действия. добавляю скопированную ссылку, пишу новое название и нажимаю кнопку добавить ссылку и на этом все точнее ничего. хотя еще вчера все было ОК!
NMitra
Проще удалить гаджет и заново всё сделать