Blogumus – анимированный виджет Облако тегов для Blogger

Blogumus – анимированный (.swf) Blogger-виджет, “родной брат” очень популярного WordPress-виджета Cumulus, написанного Роем Танком (Roy Tanck). Виджет выводит облако тегов в виде сферы, вращающейся при наведении на неё курсора мыши. Версия виджета 1.14 от 17.09.2008

Установка

1. Скачать со страницы блога "Блоговод" и распаковать файл архива локализованной версии Blogumus. Полученные файлы закачать на какой-нибудь хост (например Google Pages).
2. Установить код виджета в тему (только XML-тема!). Для этого зайти в Панель управления, Макет-Изменить HTML (не устанавливая флажок “Расширить шаблоны виджета”) и найти код начала секции навигационной панели: <b:section class='sidebar' id='sidebar' preferred='yes'>. Вставить код виджета либо сразу после этой строки, либо, если Вы не хотите, чтобы этот виджет был первым, после какого-либо другого виджета в секции навигации.
3. Настроить код виджета для использования в своём блоге.

Код виджета:
<b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://rublezoid.googlepages.com/swfobject.js' type='text/javascript'/> <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div> <script type='text/javascript'> var so = new SWFObject("http://rublezoid.googlepages.com//tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x333333"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
Если виджет не работает (это может произойти в том случае, если Вы используете другие Flash-виджеты, или у Вас слишком длинные теги), попробуйте альтернативный код виджета:
<b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <img src="http://www.blogger.com/img/object_element.gif" style="height: 200px; width: 250px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" /> </div> <b:include name='quickedit'/> </b:includable> </b:widget>

Настройка

По умолчанию Blogumus настроен следующим образом:

• ширина: 240px
• высота: 300px;
• цвет фона: белый
• цвет текста: серый
• размер шрифта: "12"

Для изменения ширины и высоты найдите следующую строку кода и внесите необходимые изменения:

var so = new SWFObject("http://rublezoid.googlepages.com/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

для альтернативного варианта:

<object type="application/x-shockwave-flash" data="http://rublezoid.googlepages.com/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >

Для изменения цвета фона, найдите и измените следующий код:

var so = new SWFObject("http://rublezoid.googlepages.com/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

для альтернативного варианта:

<param name="bgcolor" value="#ffffff" />

Для изменения цвета текста, найдите и измените следующий код:

so.addVariable("tcolor", "0x333333");

для альтернативного варианта:

<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>

Для изменения размера шрифта, найдите и измените следующий код:

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

для альтернативного варианта:

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'>

Update 17.01.2009: Исправлена ошибка перехода по русскоязычным линкам.

© minimusX, 2008. При копировании и републикации статьи ссылка на первоисточник обязательна.