Ярлыки у Blogger.

Blogger предоставляет своим пользователям такой инструмент как "ярлыки". Благодаря им мы можем разнести информацию по рубрикам или управлять RSS-лентой. Они присваиваются статьям на странице "Сообщения" путём указания галочки перед Заголовком страницы и выбора необходимого "Действия с ярлыком".

Или при написании поста на панели справа.

Одному сообщению может быть задано несколько ярлыков.

http://название_блога/search/label/название_ярлыка

Теперь, зная эти адреса, мы можем создать своё меню или воспользоваться стандартным гаджетом. Оба примера можно посмотреть на этой странице, где указана дополнительная информация.

'data:label.url'

заменить на

'data:label.url + "?max-results=5"'

Гаджет Ярлыки.

Настройка облака тегов.

Разукрашиваем "Облако тегов".

.cloud-label-widget-content {
  text-align:center;
  font-weight: bold;
}
.cloud-label-widget-content span {
display: inline-table; 
  line-height: 1.2;
  padding: 0 0 0 5px; 
  vertical-align: middle;
}
.cloud-label-widget-content span a {font-family: Verdana;}
.cloud-label-widget-content span a:hover {color:#95cd3c !important;}
.label-size-1 a {color: #ffa333; font-size: 10px;}
.label-size-2 a {color: #8b8989; font-size: 12px;}
.label-size-3 a {color: #cd5c5c; font-size: 14px;}
.label-size-4 a {color: #368beb; font-size: 15px;}
.label-size-5 a {color: #000000; font-size: 18px;}

где, .cloud-label-widget-content - контейнер тегов,
     .cloud-label-widget-content span - форматирование ярлыков,
     .label-size - цвет и размер отдельного ярлыка.

Динамическое "Облако тегов".

<b:section-contents id='sidebar-right-1'>

добавляем

<b:widget id='Label99' locked='false' title='Облако меток' type='Label'>
<b:includable id='main'>
    <b:if cond='data:title'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <script src='http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject_src.js' type='text/javascript'/>
      <script type='text/javascript'>
      var flashvars = {
 mode: &quot;tags&quot;,
 minFontSize: &quot;6&quot;,
 maxFontSize: &quot;22&quot;,
 showTagWeight: &quot;true&quot;,
 tcolor: &quot;0x0be4f8&quot;,
 tcolor2: &quot;0x0be4f8&quot;,
 hicolor: &quot;0xffffff&quot;,
 distr: &quot;distr&quot;,
 tspeed: &quot;100&quot;,
 tagcloud: &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' expr:style='data:label.count'><data:label.name/></a></b:loop></tags>&quot;
      };
      var params = {
 //wmode: &quot;transparent&quot;,
 bgcolor: &quot;#333333&quot;,
 allowscriptaccess: &quot;always&quot;
      };
      var attributes = {
 id: &quot;b-cumulus&quot;,
 name: &quot;tagcloud&quot;
 };
      swfobject.embedSWF(&quot;http://tests.blogcoding.ru/js/tagcloud.swf&quot;, &quot;b-cumulus&quot;, &quot;200&quot;, &quot;200&quot;, &quot;9.0.0&quot;, false, flashvars, params, attributes);
      </script>
      <div id='b-cumulus'>
        <a href='http://www.adobe.com/go/getflashplayer'>
          <img alt='Get Adobe Flash player' src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif'/>
        </a>
      </div>
      <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>

1. minFontSize и maxFontSize - размер шрифта,
2. tcolor и tcolor2 - цвет самого большого и самого маленького ярлыка,
3. hicolor - цвет при наведении курсора мышки, где 0xffffff он же #ffffff,
4. tspeed - скорость вращения,
5. 200 - ширина и высота поля соответственно,
6. bgcolor - цвет фона.

"Хлебные крошки".

<a href="http://shpargalkablog.ru/#glavnaya">"С нуля" до знатока</a><span style="font-family: &quot;Helvetica Neue&quot;,Arial,Helvetica,sans-serif;">→</span><a href="http://shpargalkablog.ru/2010/07/razrabotka-bloga-v-blogger.html">Blogger</a><span style="font-family: &quot;Helvetica Neue&quot;,Arial,Helvetica,sans-serif;">→</span>Ярлыки у Blogger

<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>

заменим на:

<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
           <a expr:href='data:blog.homepageUrl'>Главная </a><span style='font-family: &quot;Helvetica Neue&quot;,Arial,Helvetica,sans-serif;'>&#8594;</span><b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
              <b:if cond='data:label.isLast != &quot;true&quot;'>&#8594;</b:if>
</b:loop><span style='font-family: &quot;Helvetica Neue&quot;,Arial,Helvetica,sans-serif;'>&#8594;</span> <data:post.title/>
              </b:if>
</span>

Единственный момент, за которым нужно следить - очерёдность присвоения ярлыков сообщению. Тот, который первым задаём, будет расположен ближе к Главной.

Некоторый контроль можно осуществлять благодаря использованию условных тегов:

<b:if cond='data:label.name == &quot;название_ярлыка&quot;'>
      ... содержание ...
</b:if>

А слово "Ярлыки" можно убрать, удалив <data:postLabelsLabel/>.

<span class='post-labels'>
  <b:if cond='data:post.labels'>
    <a href='http://shpargalkablog.ru/#glavnaya'>&quot;С нуля&quot; до знатока </a><span style='font-family: &quot;Helvetica Neue&quot;,Arial,Helvetica,sans-serif;'>&#8594;</span>
    <b:loop values='data:post.labels' var='label'>
      <b:if cond='data:label.name == &quot;Blogger&quot;'><a href='http://shpargalkablog.ru/2010/07/razrabotka-bloga-v-blogger.html' rel="tag">Blogger</a></b:if>
      <b:if cond='data:label.name == &quot;Инструменты веб-мастера&quot;'><a href='http://shpargalkablog.ru/2010/07/instrumenty-vebmastera-s-nulya.html' rel="tag">Инструменты веб-мастера</a></b:if>
      <b:if cond='data:label.name == &quot;RSS&quot;'><a href='http://shpargalkablog.ru/2010/07/zarabotok-na-rss-s-nulya.html' rel="tag">RSS</a></b:if>
      <b:if cond='data:label.name == &quot;Раскрутка блога&quot;'><a href='http://shpargalkablog.ru/p/raskrutka-bloga.html' rel="tag">Раскрутка блога</a></b:if>
      <b:if cond='data:label.name == &quot;Разное&quot;'><a href='http://shpargalkablog.ru/p/raznoe.html' rel="tag">Разное</a></b:if>
      <b:if cond='data:label.name == &quot;Оптимизация&quot;'><a href='http://shpargalkablog.ru/2010/09/optimizatsiya-blogger.html' rel="tag">Оптимизация</a></b:if>
      <b:if cond='data:label.name == &quot;HTML/CSS/JavaScript&quot;'><a href='http://shpargalkablog.ru/p/html-css-javascript.html' rel="tag">HTML/CSS/JavaScript</a></b:if> 
    </b:loop>
    <span style='font-family: &quot;Helvetica Neue&quot;,Arial,Helvetica,sans-serif;'>&#8594;</span> <data:post.title/>
  </b:if>
</span>

Показывать гаджеты только для сообщений с определённым ярлыком.

<b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>

меняем на

<b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<b:if cond='data:label.name != &quot;название_ярлыка&quot;'>
<style type='text/css'>
#BlogList1 { display: none; } 
</style>
<b:else/>
#BlogList1 { display: block; } 
</b:if>         
</b:loop>

В настоящее время более подходящего варианта нет.

Убрать сообщения с Главной для определённого ярлыка.

<b:includable id='main' var='top'>
..........
<b:loop values='data:posts' var='post'>
.....содержание.....
</b:loop>
..........
</b:includable>

меняем на

<b:includable id='main' var='top'>
..........
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:loop values='data:posts' var='post'>
    <b:loop values='data:post.labels' var='label'>
      <b:if cond='data:label.name != &quot;название_ярлыка&quot;'>
.....содержание.....
      </b:if>
    </b:loop> 
  </b:loop>  
<b:else/>  
  <b:loop values='data:posts' var='post'>
.....содержание.....
  </b:loop>
</b:if>
..........
</b:includable>

Если нужно убрать с Главной конкретную страницу читаем эту статью. Они очень между собой взаимосвязаны и там есть дополнительные пояснения.