Облако тегов для Blogger

Чтобы установить подобное облако тегов скачиваем архив.

В нем содержится 2 файла, которые включают русскую локализацию плагина (оригинальный скрипт не отображает кириллические теги в блоге). Вам потребуется записать эти файлы на какой-то стабильно работающий хостинг, чтобы можно было их вызывать.

Далее заходим в админку блога, раздел «Макет», меню «Изменить HTML». Ставим галочку «Расширить шаблоны виджета» в верхнем правом углу текстового поля с кодом.

Находим в коде строку

<b:section class='sidebar' id='sidebar' preferred='yes'>

По сути, это начало блока боковой панели блога. Можно найти в шаблоне любое другое место, где вы хотите расположить облако тегов. Но делать следует это очень аккуратно, предварительно сохранив работающих код в какой-то текстовый файл.

Сразу после этой строчки или в другом выбранном вами месте добавляете код:

<b:widget id='Label99' locked='false' title='b-cumulus test' 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.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://FILE_HOST_NAME/js/tagcloud.swf&quot;, &quot;b-cumulus&quot;, &quot;300&quot;, &quot;250&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>

Параметры

FILE_HOST_NAME – Замените на хост вашей копии tagcloud.swf
«300″ – ширина виджета в пикселах. Замените на нужную.
«250″ – высота виджета в пикселах. Замените на нужную.

Найдите следующие параметры и измените по вкусу 

flashvars.minFontSize = «8«; – минимальный размер шрифта метки
flashvars.maxFontSize = «22«; – максимальный размер шрифта метки
flashvars.showTagWeight = «true»; – показывать «вес» метки, при наведении на неё курсора мыши.
flashvars.tcolor = «0xffffff«; – цвет метки с самым малым «весом»
flashvars.tcolor2 = «0x0be4f8«; – цвет метки с самым высоким «весом». Для остальных меток будет выбран цвет на линейке между этими двумя цветами.
flashvars.hicolor = «0xffffff«; – цвет метки под курсором мыши, при наведении курсора на метку
flashvars.tspeed = «100«; – скорость вращения облака
//params.wmode = «transparent«; – прозрачный фон. Раскомментируйте, если хотите иметь прозрачный фон.
params.bgcolor = «#333333«; – цвет фона. Обратите внимание, что он задаётся через #, а не через 0x.

На эту тему можно еще почитать:

.