Советы, трюки и секреты для Blogger.com блоггеров. Все для Blogspot. Советы, трюки и секреты для Blogger.com блоггеров. Все для Blogspot.

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

25 августа 2010, 03:14

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

В нем содержится 2 файла, которые включают русскую локализацию плагина (оригинальный скрипт не отображает кириллические теги в блоге). Вам потребуется записать эти файлы на какой-то стабильно работающий хостинг, чтобы можно было их вызывать.
 
Далее заходим в админку блога, раздел «Макет», меню «Изменить HTML». Ставим галочку «Расширить шаблоны виджета» в верхнем правом углу текстового поля с кодом.
 
Находим в коде строку

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

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

 

&lt;b:widget id='Label99'locked='false'title='b-cumulus test'type='Label'&gt;
&lt;b:includable id='main'&gt;
    &lt;b:ifcond='data:title'&gt;
      &lt;h2&gt;&lt;data:title/&gt;&lt;/h2&gt;
    &lt;/b:if&gt;
    &lt;div class='widget-content'&gt;
      &lt;script src='http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject_src.js'type='text/javascript'/&gt;
      &lt;script type='text/javascript'&gt;
  varflashvars={
   mode:&amp;quot;tags&amp;quot;,
   minFontSize:&amp;quot;6&amp;quot;,
   maxFontSize:&amp;quot;22&amp;quot;,
   showTagWeight:&amp;quot;true&amp;quot;,
   tcolor:&amp;quot;0x0be4f8&amp;quot;,
   tcolor2:&amp;quot;0x0be4f8&amp;quot;,
   hicolor:&amp;quot;0xffffff&amp;quot;,
   distr:&amp;quot;distr&amp;quot;,
   tspeed:&amp;quot;100&amp;quot;,
   tagcloud:&amp;quot;&lt;tags&gt;&lt;b:loop values='data:labels'var='label'&gt;&lt;aexpr:href='data:label.url'expr:style='data:label.count'&gt;&lt;data:label.name/&gt;&lt;/a&gt;&lt;/b:loop&gt;&lt;/tags&gt;&amp;quot;
  };
  varparams={
   //wmode: &amp;quot;transparent&amp;quot;,
   bgcolor:&amp;quot;#333333&amp;quot;,
   allowscriptaccess:&amp;quot;always&amp;quot;
  };
  varattributes={
   id:&amp;quot;b-cumulus&amp;quot;,
   name:&amp;quot;tagcloud&amp;quot;
  };
  swfobject.embedSWF(&amp;quot;http://FILE_HOST_NAME/js/tagcloud.swf&amp;quot;, &amp;quot;b-cumulus&amp;quot;, &amp;quot;300&amp;quot;, &amp;quot;250&amp;quot;, &amp;quot;9.0.0&amp;quot;, false, flashvars, params, attributes);
      &lt;/script&gt;
      &lt;div id='b-cumulus'&gt;
        &lt;ahref='http://www.adobe.com/go/getflashplayer'&gt;
          &lt;img alt='Get Adobe Flash player'src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif'/&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;b:include name='quickedit'/&gt;
    &lt;/div&gt;
  &lt;/b:includable&gt;
&lt;/b:widget&gt;

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.

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