К основному контенту

Добавляем описание к ярлыкам в блоге

Ярлыки блогспот
Расскажу просто об очень удобном гаджете. Обычно добавляя гаджет Ярлыки в блог на блогспот Вы получаете список названий, очень удобно для читателя увидеть короткое описание, – о чем данный раздел.

Если Вы желаете сделать себе такое же, то следуйте описанию ниже:

1. Делаем модифицированный гаджет Ярлыков

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
<!-- Label Description Start -->
<b:if cond='data:label.name == "название ярлыка"'>
<span class="labeldesc"> - описание</span>
</b:if>
<b:if cond='data:label.name == "название ярлыка"'>
<span class="labeldesc"> - описание</span>
</b:if>
<b:if cond='data:label.name == "название ярлыка"'>
<span class="labeldesc"> - описание</span>
</b:if>
<!-- Label Description End-->
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
 
2. Замените название ярлыков на существующие в Вашем блоге, и допишите к  ним описание.
3. Теперь добавть классический гаджет Ярлыки в Ваш блог.
4. Зайдите в настройки блога, ИЗменить HTML шаблона и найдите следующий код (не отмечайте расширить шаблон)
 
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

5. Заменяем данную строчку на код сделанный нами ранее.

6. Нажимаем сохранить и все готово.

Комментарии

Популярные сообщения из этого блога

Добавляем красивый гаджет Поделиться

Если Вы регулярно совершенствуете свой блог, то Вам пригодится данная не сложная публикация, о том как добавить красивую кнопку "Поделиться". Ее особенность в том, что при наведение курсора она раскрывается и предлагает несколько сервисов в которых можно разместить ссылку на Ваш блог. Демо можно посмотреть тут!

Из каких основных частей состоит шаблон blogger

Существует 5 основных чатей шаблона на blogger. Примерное описание и то как они выглядят Вы можете посмотреть ниже, это пригодиться если Вы хотите реально преукрасить Ваш блон на Blogger, далее читая статьи данного блога Вы сможете сделать свой блог полноценным сайтом.

Как сделать ссылку на определенную часть той же страницы.

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id=" yakor "></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <a href="# yakor ">Слово</a> Покажу как это долж...