Subscribe to БлоговодСтатьиSubscribe to БлоговодКомментарии

Вы читаете > Главная / Виджеты (Blogger) / b-cumulus – анимированное Облако тегов для Blogger

b-cumulus – анимированное Облако тегов для Blogger

Январь 16, 2009 | minimus  
Рубрика: Виджеты (Blogger)

85 комментариев

b-cumulusКовыряясь в исходниках tagcloud.swf я пришёл к выводу, что Аманда Фазани (Amanda Fazani) подошла к вопросу создания виджета на базе этого творения Роя Танка (Roy Tank) «спустя рукава». Все возможности заложенные в эту флешку не были использованы, хотя я и не берусь оспаривать её изобретательность. И вот, мой дотошный читатель, я представляю на твой скорый, но, надеюсь, справедливый суд виджет b-cumulus, виджет созданный своими руками.

Почему другое название? Поясняю. Flash-приложение tagcloud – это приложение выводящее облако тегов в любое место любого HTML файла, требующее определённого обрамления. Это  ядро виджета. А сам виджет – это код подготавливающий вывод данных с помощью этого «ядра» в нужном месте и в нужное время. Собственно говоря, Рой Танк на базе этого флеш-файла создал виджет wp-cumulus для Wordpress, Аманда Фазани создала свой Blogumus для Blogger, Пратул Калия (Pratul Kalia) и Бьёрн Якоб (Björn Jacob) создали cumulus для Drupal, я создал b-cumulus для Blogger.

b-cumulus

b-cumulus vs Blogumus

Чем отличается b-cumulus от Blogumus? По большому счёту, только тем, что выводит метки в облако тегов используя разный размер и цвет шрифта, в зависимости от «веса» метки. Именно так и задумывалось Роем Танком. Именно из-за этого я затеял свой b-cumulus.

Код:

?View Code XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<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_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://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>
Внимание!
Код приведённый выше ВСТАВЛЯТЬ НЕПОСРЕДСТВЕННО В XML ШАБЛОН Blogger!

Установка

Скопируйте код и вставьте его в шаблон виджета, там где считаете нужным. Или добавьте гаджет «Labels», а затем найдите его в шаблоне и замените на вышеприведённый код.

ВНИМАНИЕ! Этот виджет работает с SWFObject версии 2.1 (Blogumus с версией 1.5). SWFObject версии 2.1 не имеет обратной совместимости с версиями 1.x, поэтому, если Вы использовали Blogumus, Вам необходимо поменять не только файл tagcloud.swf, но и файл swfobject.js.
Скачать пакет поддержки виджета b-cumulus (swfobject.js, tagcloud.swf):
  b-cumulus (55.0 Кб, 477 скачиваний)
Flash облако меток для Blogger-блога. Локализовано. Дополнительная функциональность.
Внимание!!! Использовать этот пакет с Wordpress нельзя по следующим причинам:

  1. tagcloud.swf изменён специально для работы b-cumulus с Blogger
  2. wp-cumulus работает в Wordpress c swfobject.js версии 1.5

Взять исправленную русскую версию пакета, которая будет работать и в wp-cumulus и в Blogumus, можно здесь:
  b-cumulus-old (53.0 Кб, 188 скачиваний)
Старая версия b-cumulus

Параметры

Найдите следующий код:

?View Code JAVASCRIPT
1

swfobject.embedSWF("http://FILE_HOST_NAME/tagcloud.swf", "b-cumulus", "300", "250", "9.0.0", false, flashvars, params, attributes);

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

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

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

Обновления

02.02.2009

  • добавлена возможность показывать «вес» метки, при наведении на неё курсора мыши
  • исправлены баги

© 2009 – 2010, minimus. Все права защищены. При копировании и републикации статьи ссылка на первоисточник обязательна.

Популярность: 100%

Похожие статьи:

  1. Обновление b-cumulus
  2. Blogumus – анимированный виджет Облако тегов для Blogger
  3. Wordpress плагин wp-cumulus

Метки: , , ,

-->

Комментарии

85 комментариев к статье “b-cumulus – анимированное Облако тегов для Blogger”
  1. pastormouse RUSSIAN FEDERATION:
    19.01.2009 в 04:22

    Хорошая работа. Респект за ковыряние. У самого руки так и не дошли. Смешно было наблюдать как у некоторых висел неработающий гаджет. В знак благодарности поставил ссылку у себя на эту страницу.
    Всего комментариев пользователя pastormouse: 1

    Ответить
  2. Maljar UKRAINE:
    19.01.2009 в 09:22

    Походу у меня чего-то не вышло. Вроде все верно. переделал 3 раза. все сохраняется, но отображает только, логотип флэш-плеера. Подскажи, ПЛЗ, с чем может быть связано?
    Всего комментариев пользователя Maljar: 6

    Ответить
  3. minimus BELARUS:
    19.01.2009 в 14:45

    2 pastormouse: Спасибо!

    2 Maljar:
    У Вас стоит: params.wmode = “transparent“;
    Должно быть: params.wmode = "transparent";
    должны быть кавычки, одиночные или двойные.

    Ответить
  4. Maljar UKRAINE:
    19.01.2009 в 15:49

    Спасибо! Все встало на свои места.
    Теперь по твоему блогу:
    1) Не смог подписаться на RSS
    2) Не нашел возможности получать комменты на почту.
    Всего комментариев пользователя Maljar: 6

    Ответить
  5. Maljar UKRAINE:
    19.01.2009 в 19:21

    Комментарии нашел нашел :) Теперь осталось подписаться.
    Всего комментариев пользователя Maljar: 6

    Ответить
  6. Ёж UKRAINE Windows XP Opera 9.60 :
    29.01.2009 в 18:25

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

    Ответить
    • minimus BELARUS Windows Vista Mozilla Firefox 3.0.5 :
      29.01.2009 в 20:05

      Что-ж, идея Ваша и, как мне кажется, было бы благоразумно объединить наши усилия, как минимум, в реализации этой идеи. Я уже представляю как это сделать, но Ваш вариант тоже хотелось бы посмотреть. Скиньте на minimus@blogovod.co.cc . Спасибо за идею!

      Я подозреваю, что Вы модифицировали объект _back …

      Ответить
  7. SiMBa RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.0.5 :
    01.02.2009 в 16:04

    Что-то не получается с цветом :(
    бледно бирюзовый висит и все
    Всего комментариев пользователя SiMBa: 21

    Ответить
  8. SiMBa RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.0.5 :
    01.02.2009 в 16:26

    Разобрался, на самом деле
    flashvars.tcolor
    flashvars.tcolor2 перепутаны. соответственно я видел бирюзовый, а теги которые больше всего использованы, я не видел.
    Всего комментариев пользователя SiMBa: 21

    Ответить
  9. SiMBa RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.0.5 :
    02.02.2009 в 14:58

    2minimus
    :)

    ЗЫ: хотелось бы посмотреть на облако тегов со счетчиком
    minimus: SiMBa, пользуйтесь меню форматирования текста! ;)
    Всего комментариев пользователя SiMBa: 21

    Ответить
    • minimus BELARUS Windows Vista Mozilla Firefox 3.0.5 :
      02.02.2009 в 15:03

      2 SiMBa
      На подходе. Уже всё работает, но есть чисто пользовательские нюансы, связанные с обратной совместимостью …

      Ответить
  10. minimus BELARUS Windows Vista Mozilla Firefox 3.0.5 :
    02.02.2009 в 21:16

    2 SiMBa и ALL
    Все особо нетерпеливые могут посмотреть первые результаты работы над b-cumulus v 1.1.1 на Блогосфере …

    Ответить
  11. SiMBa RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.0 :
    03.02.2009 в 10:35

    Класс :)
    хм… а можно заложить в код расположение цифр и их размер? чтобы можно было располагать не только слева а например слева-снизу, или на 10% ниже центра. И цвет отдельно бы :)
    ну эт мои пожелания, а вобще класс афтору респект и +1
    Всего комментариев пользователя SiMBa: 21

    Ответить
    • minimus BELARUS Windows Vista Mozilla Firefox 3.0.5 :
      04.02.2009 в 10:48

      Конечно можно … В принципе всё можно … Вопрос только в целесообразности и наличии времени на разработку. Ну и ещё, чем больше параметров передаётся в виджет, тем больше времени требуется на саму передачу и, соответственно, времени на вывод виджета на экран :(

      Ответить
  12. SiMBa RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.0 :
    05.02.2009 в 09:18

    ну расположение можно задавать цифрой 1-9, а цвет если не указан то тот же что и тега, размер тоже как один.
    чтобы куча параметров не было можно попытаться использовать нечто такое:
    flashvars.tagparams=»maincolor:#000000, mincolor:#000FFF, maxcolor:#FFF000″
    согласен обратной совместимости не будет,
    а переменные можно легко вынуть сначала разбиение в массив по «,» затем по «:»(я не вкурсе есть ли у javascript функции для работы со строками и динамическими массивами)
    Всего комментариев пользователя SiMBa: 21

    Ответить
  13. amigurumiroo RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.0.6 :
    25.02.2009 в 12:35

    У меня тоже отображается только значок Get Adobe Flash Player.Кавычки вроде стоят.Я в блогах совсем новичок, помогите, пожалуйста, так хочется ваш замечательный b-cumulus заполучить:-)!
    Всего комментариев пользователя amigurumiroo: 4

    Ответить
  14. amigurumiroo RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.0.6 :
    25.02.2009 в 12:40

    Мой блог http://amigurumiroo.blogspot.com/. Значок Get Adobe Flash Player вверху.
    Всего комментариев пользователя amigurumiroo: 4

    Ответить
    • minimus BELARUS Windows Vista Google Chrome 1.0.154.48 :
      25.02.2009 в 16:06

      Вы неправильно используете кавычки в определении параметра flashvars.tagcloud:

      ?View Code XML
      1

      flashvars.tagcloud = "<tags><b:loop var="label" values="data:labels"><a expr:href="data:label.url"  expr:style="data:label.count" rel="nofollow"><data:label.name/></a></b:loop></tags>";

      Нельзя использовать двойные кавычки внутри двойных, т.к. интерпретатор неправильно определяет границы строки. Правильно использовать одиночные кавычки внутри двойных и наоборот.

      ?View Code XML
      1

      flashvars.tagcloud = "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' expr:style='data:label.count' rel="nofollow"><data:label.name/></a></b:loop></tags>";

      Попробуйте – должно всё получиться. ;)

      Ответить
  15. amigurumiroo RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.0.6 :
    25.02.2009 в 23:07

    Получилось! Спасибо большущее!!! Я на вас ссылку сделаю на своей странице)). У меня только получается,если удаляю гаджет «Ярлыки», который внизу b-cumulus, то облако опять превращается в  значок Get Adobe Flash Player .Непонятно, как избавиться…
    Всего комментариев пользователя amigurumiroo: 4

    Ответить
    • minimus BELARUS Windows Vista Google Chrome 1.0.154.48 :
      25.02.2009 в 23:33

      Он у вас там два раза. Попробуйте убрать лишнее в редакторе HTML – или в Blogger, или на компьютере.

      Ответить
  16. amigurumiroo RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.0.6 :
    26.02.2009 в 08:39

    Спасибо, все работает :) ! Классный плагин!
    Всего комментариев пользователя amigurumiroo: 4

    Ответить
  17. minimus BELARUS Windows Vista Google Chrome 1.0.154.53 :
    24.03.2009 в 19:52

    Ответ на вопрос Alex’а:
    Код виджета b-cumulus может быть установлен в любой HTML или XML файл. Только этот код является специфическим для Blogger-блога:

    ?View Code XML
    1

    flashvars.tagcloud = "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' expr:style='data:label.count' rel="nofollow"><data:label.name/></a></b:loop></tags>";

    Он отвечает за передачу массива меток в облако (tagclowd.swf). Таким образом, если обеспечить сборку массива данных (руками или в цикле) для переменной flashvars.tagcloud, то облако будет работать на любой платформе. Формат массива выглядит так:

    ?View Code XML
    1
2
3
4
5
6

    <tags>
  <a href="Адрес ссылки на страницу метки 1" style="Количество статей с меткой 1" rel="nofollow">Метка 1</a>
  <a href="Адрес ссылки на страницу метки 2" style="Количество статей с меткой 2" rel="nofollow">Метка 2</a>
  ...
  <a href="Адрес ссылки на страницу метки N" style="Количество статей с меткой N" rel="nofollow">Метка N</a>
</tags>
    Ответить
  18. Родион RUSSIAN FEDERATION Windows Vista Opera 9.61 :
    25.03.2009 в 18:15

    А как сылки в блогер добавить??
    Всего комментариев пользователя Родион: 2

    Ответить
    • minimus BELARUS Windows Vista Google Chrome 1.0.154.53 :
      25.03.2009 в 20:56

      Честно говоря, не понял вопроса … Попробуйте конкретизировать … Что именно Вы хотите сделать или узнать?

      Ответить
  19. Родион Windows Vista Opera 9.61 :
    26.03.2009 в 17:02

    я новичек в этом деле я не понял как его поставить! верней понял… у мну показывает тока логотип ! как теги добавить? туды…
    Всего комментариев пользователя Родион: 2

    Ответить
    • minimus BELARUS Windows Vista Google Chrome 1.0.154.53 :
      26.03.2009 в 17:11

      Если Вы сделали всё как положено, должен показывать облако. Если показывает логотип, значит где-то ошибка. Дайте URL сайта, я посмотрю …

      Ответить
  20. Zet Windows XP Mozilla Firefox 3.0.8 :
    17.04.2009 в 04:40

    Поделитесь вашими flash sources наработками. Очень интересно взглянуть. Каким-то образом только ваша версия работает с кодировкой используемой поисковым модулем Юкоза. Я не могу сам скомпилировать нормальную версию используя исходники Роя Танка.
    Буду очень признателен.

    Всего комментариев пользователя Zet: 3

    Ответить
    • minimus BELARUS Windows Vista Google Chrome 1.0.154.53 :
      17.04.2009 в 12:42

      Какая именно версия Вас интересует? Их две (третья – личная, не в счёт): для Wordpress (практически оригинал) и для Blogger (сильно подправленная) …

      Ответить
      • Zet Windows XP Mozilla Firefox 3.0.8 :
        17.04.2009 в 15:38

        Какая именно версия я точно не скажу,  меня интересуют исходники вот этого файла http://forum.wafl.ru/files/freeman/tagcloud.swf
        полагаю это как раз версия на этой странице, названная «Flash облако меток для Blogger-блога. Локализовано. Дополнительная функциональность.»
        Очень хочется понять,  каким образом решена проблема русской кодировки для URL
        Вот то, что выводит файл, который я создаю из исходников Роя Танка (предварительно добавляя русскую кодировку по его же мануалу)
        http://zetclan.com/search/%C7%ED%E0%EC%E5%ED%E8%F2%EE%F1%F2%E8/
        Это в облаке тегов отображается как тег «Знаменитости»,

        а вот что выводит ваш swf файл при нажатии на тег «Знаменитости»
        http://zetclan.com/search/%D0%97%D0%BD%D0%B0%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D0%BE%D1%81%D1%82%D0%B8/
        Последний вариант верен.
        Я не могу разобраться почему они отличаются в силу малых познаний в данной области
        Всего комментариев пользователя Zet: 3

        Ответить
        • minimus BELARUS Windows Vista Google Chrome 1.0.154.53 :
          17.04.2009 в 19:42

          Понятно! ;) Рой у себя в блоге пишет, что облако выдаёт encoded линк. Но на самом деле это не так!
          По Рою (tag.as):

          ?View Code JAVASCRIPT
          1
2
3
4

          private function mouseUpHandler( e:MouseEvent ):void {
    var request:URLRequest = new URLRequest( _node["@href"] );
    navigateToURL(request,"_self");
}

          Мой вариант:

          ?View Code JAVASCRIPT
          1
2
3
4

          private function mouseUpHandler( e:MouseEvent ):void {
    var request:URLRequest = new URLRequest( encodeURI( _node["@href"] ) );
    navigateToURL(request,"_self");
}

          Что касается freeman’а – то этот воришка несколько моих виджетов выдаёт за свои. В том числе и этот.

          Ответить
  21. Zet Windows XP Mozilla Firefox 3.0.8 :
    17.04.2009 в 22:40

    Спасибо! Я очень признателен за Ваш ответ. Теперь я разобрался, всё работает отлично. Заново собрал swf файл на основе ихсодников Роя с добавлением Ваших замечаний. Обязательно укажу Вас в качестве разработчиков с ссылкой на ваш ресурс. Результат моих наработок на моём сайте ;)
    Ещё раз спасибо!
    Всего комментариев пользователя Zet: 3

    Ответить
  22. konsat KAZAKHSTAN Windows XP Mozilla Firefox 3.0.8 :
    19.04.2009 в 12:21

    Здравствуйте,обьясните пожалуйста что значит  – FILE_HOST_NAME – Замените на хост вашей копии swfobject.js,   FILE_HOST_NAME – Замените на хост вашей
    копии tagcloud.swf ?
    И еще,скачал пакет поддержки,а что с ним дальше делать -не знаю
    (кроме логотипа плеера больше ничего не добился)
    Всего комментариев пользователя konsat: 6

    Ответить
  23. AR RUSSIAN FEDERATION Debian GNU/Linux Mozilla Firefox 3.0.9 :
    03.06.2009 в 16:05

    Премного благодарен, немного украсил свой блог.
    Всего комментариев пользователя AR: 1

    Ответить
  24. Segara RUSSIAN FEDERATION Windows XP Internet Explorer 8.0 :
    03.06.2009 в 19:13

    Спасибо за инфу. А вот у меня такой вопрос – можно ли организовать своеобразное анимированное облако тэгов для блока ссылок Adsense? было бы прикольно 
    Всего комментариев пользователя Segara: 2

    Ответить
    • minimus BELARUS Windows Vista Safari 528.16 :
      03.06.2009 в 19:53

      Боюсь, что нет. Выдернуть ссылки из скрипта AdSense будет трудновато … Да и пункт о неправомочном использовании (изменение внешнего вида рекламы) …

      Ответить
  25. Денис Windows Vista Opera 9.80 :
    17.07.2009 в 22:47

    Уважаемый Админ!  НЕ могли бы вы подробно описать  – как самому добавить flash облако тегов  к обычному  сайту ( не wordpress и т.п.) , принцип работы  или  материал где можно научиться.  Пол нета облазил – один wordpress да плагины.
    Заранее благодарен!!!
    Всего комментариев пользователя Денис: 2

    Ответить
    • minimus BELARUS Windows Vista Safari 530.19.1 :
      18.07.2009 в 08:03

      Это вопрос уже поднимался и я на него отвечал. Или непонятно ответил, или Вы не читали комментарии. Допустим, что первое ;)

      Вот код пригодный для любого HTML:

      ?View Code JAVASCRIPT
      1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

      <script type="text/javascript" src="http://FILE_HOST_NAME/swfobject.js"></script>
<script type="text/javascript">
  var flashvars = {};
  flashvars.mode = "tags";
  flashvars.minFontSize = "8";
  flashvars.maxFontSize = "22";
  flashvars.showTagWeight = "true";
  flashvars.tcolor = "0xffffff";
  flashvars.tcolor2 = "0x0be4f8";
  flashvars.hicolor = "0xffffff";
  flashvars.distr = "true";
  flashvars.tspeed = "100";
  flashvars.tagcloud = tags.xml;
  var params = {};
  params.wmode = "transparent";
  params.bgcolor = "#333333";
  params.allowscriptaccess = "always";
  var attributes = {};
  attributes.id = "b-cumulus";
  attributes.name = "tagcloud";
  swfobject.embedSWF("http://FILE_HOST_NAME/tagcloud.swf", "b-cumulus", "300", "250", "9.0.0", false, flashvars, params, attributes);
</script>
<div id="b-cumulus">
  <a href="http://www.adobe.com/go/getflashplayer" rel="nofollow">
    <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
  </a>
</div>

      обратите внимание на эту строку:

      ?View Code JAVASCRIPT
      1

      flashvars.tagcloud = tags.xml

      именно эта строка отвечает за ввод меток. Метки могут быть заданы в ручную, кодом javascript, PHP препроцессором … Главное, что бы это была следующая структура:

      ?View Code XML
      1
2
3
4
5
6

      <tags>
  <a href="Адрес ссылки на страницу метки 1" style="Количество статей с меткой 1" rel="nofollow">Метка 1</a>
  <a href="Адрес ссылки на страницу метки 2" style="Количество статей с меткой 2" rel="nofollow">Метка 2</a>
  ...
  <a href="Адрес ссылки на страницу метки N" style="Количество статей с меткой N" rel="nofollow">Метка N</a>
</tags>
      Ответить
  26. Денис Windows Vista Opera 9.80 :
    18.07.2009 в 18:54

    Прибольшое СПАСИБО за ответ!!!
    Но что – то не получается! Подскажите что не так???

    Делаю так :

    Скачал swfobject и tagcloud.(пробовал b-cumulus и b-cumulus-old).

    HTML:

    Облкао тегов

    var flashvars = {};
    flashvars.mode = «tags»;
    flashvars.minFontSize = «8″; //минимальный размер шрифта метки
    flashvars.maxFontSize = «22″ ;//максимальный размер шрифта метки
    flashvars.showTagWeight = «true»; // показывать “вес” метки, при наведении на неё курсора мыши.
    flashvars.tcolor = «0xffffff»; //цвет метки с самым малым “весом”
    flashvars.tcolor2 = «0×0be4f8″; //цвет метки с самым высоким “весом”.
    flashvars.hicolor = «0xffffff»; //цвет метки при наведении курсора на метку
    flashvars.distr = «true»;
    flashvars.tspeed = «100″; //скорость вращения облака
    flashvars.tagcloud = tags.xml;
    var params = {};
    //params.wmode = «transparent»; //прозрачный фон.
    params.bgcolor = «#333333″; //цвет фона.
    params.allowscriptaccess = «always»;
    var attributes = {};
    attributes.id = «b-cumulus»;
    attributes.name = «tagcloud»;
    swfobject.embedSWF(«tagcloud.swf», «b-cumulus», «300″, «250″, «9.0.0″, false, flashvars, params, attributes);

    flashvars.tagcloud = пробовал сюда вставлять :

    Метка 1
    Метка 2
    …
    Метка N

    и в отдельный файл выносил «tags.xml», думал в кавычках дело – нет. Пути к swfobject.js и tagcloud.swf проверил.

    На вас одна надежда!!! :)
    Всего комментариев пользователя Денис: 2

    Ответить
    • minimus BELARUS PHP :
      18.07.2009 в 19:48

      На первый взгляд у вас всё Ok. Единственное, что приходит в голову: Если Вы пытаетесь это дело опробовать на локальном компьютере, то у Вас может блокироваться выполнение javascript. Попробуйте создать структуру в виде строки и воткнуть её в кавычках прямо в код (как в Blogger):

      ?View Code JAVASCRIPT
      1

      flashvars.tagcloud = '<tags><a href="#" style="10" rel="nofollow">Метка 1</a><a href="#" style="2" rel="nofollow">Метка 2</a></tags>';
      Ответить
      • alex UKRAINE Windows XP Mozilla Firefox 3.5.7 :
        27.01.2010 в 20:16

        flashvars.tagcloud = ‘<tags>’;
        Я бы уточнил, что для Интернет Эксплорера нужно все-таки использовать
        другие кавычки. И, значит, также нужны escape-последовательности.
        То есть, значение должно быть типа таким
        flashvars.tagcloud = «%3Ctags%3E%3Ca%20href%3D%22%23%22%20style%3D%2210%22%20rel%3D%22nofollow%22%3EМетка1%3C/a%3E%3C/tags%3E»;
        Cпасибо за статью! Очень понятно и приятно.
        Всего комментариев пользователя alex: 1

        Ответить
  27. Маргарита Windows XP Internet Explorer 8.0 :
    24.08.2009 в 11:15

    Здравствуйте, уважаемый Админ!
    Сразу предупреждаю, что я новичок и образование у меня не техническое. :)
    Очень хочется вставить облако тегов на свой блог. Внимательно прочитала Ваши статьи, но не все поняла…
    Была бы очень признательна, если бы Вы глянули на мой блог http://intellviv.blogspot.com и сказали конкретно и понятно для меня (гуманитарного юзера), что мне необходимо сделать, чтобы облако тегов появилось на моей страничке.
    Заранее благодарна!
    Всего комментариев пользователя Маргарита: 1

    Ответить
    • minimus BELARUS PHP :
      24.08.2009 в 13:43

      1. Зайдите в Панель управления-Макет-Изменить HTML.
      2. Нажмите на галочку «Расширить шаблоны виджета».
      3. Найдите строку

      ?View Code XML
      1

      <b:widget id='Label99' locked='false' type='Label'>

      это начало гаджета, выделите до первого следующего появления строки

      ?View Code XML
      1

      </b:widget>

      4. Вместо выделенного текста вставьте текст приведённый в статье.
      5. Сохраните шаблон, расслабьтесь и наслаждайтесь ;)

      Ответить
  28. Андрей RUSSIAN FEDERATION Windows 95 Mozilla Firefox 2.0 :
    01.09.2009 в 11:06

    Можно ли становить на сайт?
    Если да, то подскажите как.
    Всего комментариев пользователя Андрей: 1

    Ответить
    • minimus BELARUS PHP :
      01.09.2009 в 16:46

      Внимательно прочитайте комментарии – там есть ответы на все Ваши вопросы … И для ucoz кто-то это уже сделал ;)

      Ответить
  29. davis UKRAINE Windows XP Mozilla Firefox 3.5.2 :
    02.09.2009 в 13:12

    minimus, зделал все по мануалу, но не пойму в чем трабл – само тело swf отображается,  а тегов не видно. Подскажите в чем причина?
    Всего комментариев пользователя davis: 2

    Ответить
  30. Romantik ISRAEL Windows XP Mozilla Firefox 3.5.3 :
    28.09.2009 в 08:39

    Огромное спасибо! Очень долго искал способ сделать такое облако на blogspot, уже разочаровался и думал, что это невозможно. Промучался пару часов, но в конце концов вышло очень даже неплохо! В благодарность админу ссылочка на «ВАС» в моем блоге!!!
    P.S. Очень полезный блог, нашел очень много интересной информации!
    Всего комментариев пользователя Romantik: 1

    Ответить
  31. ffeddy RUSSIAN FEDERATION Windows NT Mozilla Firefox 3.5.3 :
    08.10.2009 в 02:38

    Помогите пожалуйста! Все делал по инструкции. Вроде бы все оке (пересматривал 2 раза), но отображается только значок флеш плеера =( В чем может быть проблема?
    блог: http://www.discotune.ru/
    заранее спасибо за ответ!
    Всего комментариев пользователя ffeddy: 2

    Ответить
    • minimus BELARUS PHP :
      08.10.2009 в 17:12

      Это уже у кого-то было …
      Ваш код:

      ?View Code JAVASCRIPT
      1

      flashvars.tagcloud = "<tags><b:loop var="label" values="data:labels"><a expr:href="data:label.url" expr:style="data:label.count" rel="nofollow"><data:label.name/></a></b:loop></tags>";

      Должно быть:

      ?View Code JAVASCRIPT
      1

      flashvars.tagcloud = "<tags><b:loop var='label' values='data:labels'><a expr:href='data:label.url' expr:style='data:label.count' rel="nofollow"><data:label.name/></a></b:loop></tags>";
      Ответить
  32. ffeddy RUSSIAN FEDERATION Windows NT Mozilla Firefox 3.5.3 :
    10.10.2009 в 16:10

    Спасибо за ответ! Но исправил и все равно не работает =(
    Всего комментариев пользователя ffeddy: 2

    Ответить
    • minimus BELARUS PHP :
      13.10.2009 в 21:57

      Попробуй наоборот:

      ?View Code JAVASCRIPT
      1

      flashvars.tagcloud = '<tags><b:loop values="data:labels" var="label"><a expr:href="data:label.url" expr:style="data:label.count" rel="nofollow"><data:label.name/></a></b:loop></tags>';
      Ответить
  33. Аня UKRAINE Windows XP Mozilla Firefox 3.5.5 :
    20.11.2009 в 23:28

    Здравствуйте! Никак не соображу,в чем дело – облако тегов есть, вроде все ок – крутится-вертится, но в нем не нажимаются сами теги – при нажатии на любой из них перехожу на ваш блог)). Можете что-то подсказать, чтоб при нажатии на теги выводило на сообщения, помеченные этими тегами?!
    Всего комментариев пользователя Аня: 1

    Ответить
    • minimus BELARUS PHP :
      21.11.2009 в 15:46

      1. Вы используете специальную версию облака, модифицированную мной специально для моего блога на Blogger. Эта версия облака НИКОГДА НЕ РАСПРОСТРАНЯЛАСЬ и ссылка на ресурс размещения спец-версии НИКОГДА НЕ АФИШИРОВАЛАСЬ. Очень интересно кто её Вам подсунул.
      2. Ресурс на котором находится это спец-облако давно закрыт. Почему оно всё-таки работает? Сам удивлён ;)
      3. Вы конечно можете попытаться использовать облако с другого моего ресурса, некоторые так делают не смотря на то, что разрешения на использование облака с этого ресурса я НИКОМУ НЕ ДАВАЛ. К тому же ресурс уже очень перегружен (использование разрешённого объёма траффика – 97%) и Вы рискуете оказаться без облака в конце каждого месяца.

      Кто виноват и что делать:
      Кто виноват Вам лучше знать (я догадываюсь кто), а делать надо следующее:
      1. Скачать у меня облако.
      2. Разместить, предварительно заведя аккаунт, на собственном ресурсе.

      Ответить
  34. yaric Windows XP Opera 9.80 :
    25.12.2009 в 00:48

    Здраствуйте! Вы бы не могли мне помочь.
    У меня таже проблема с ссылкой на adobe flash player.Хотя я всё попробовал что было уже изложино .Вот мой блог
    http://mfl-yaris.blogspot.com/
    Подскажите в чем причина?
    Всего комментариев пользователя yaric: 5

    Ответить
    • minimus BELARUS PHP :
      25.12.2009 в 09:59

      У Вас та же проблема, что и здесь … Попробуйте заменить на это:

      ?View Code JAVASCRIPT
      1

      flashvars.tagcloud = '<tags><b:loop values="data:labels" var="label"><a expr:href="data:label.url" expr:style="data:label.count" rel="nofollow"><data:label.name/></a></b:loop></tags>';
      Ответить
  35. yaric Windows XP Opera 9.80 :
    25.12.2009 в 11:31

    Изменил . Но все по старому???  Почему…..
    Всего комментариев пользователя yaric: 5

    Ответить
    • minimus BELARUS PHP :
      25.12.2009 в 22:57

      Попробуйте изменить кавычки:

      ?View Code JAVASCRIPT
      1

      &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' expr:style='data:label.count' rel="nofollow"><data:label.name/></a></b:loop></tags>&quot;;

      и ещё, у Вас swfobject версии 1.4, а нужен 2.1 … Можно грузить отсюда:

      ?View Code XML
      1

      http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject_src.js
      Ответить
  36. yaric UKRAINE Windows XP Opera 9.80 :
    26.12.2009 в 13:42

    Большое спасибо! Но у меня новая проблема «.Облако есть  , даже не облако а чёрный квадрат ???
    Всего комментариев пользователя yaric: 5

    Ответить
  37. yaric UKRAINE Windows XP Opera 9.80 :
    26.12.2009 в 17:24

    Я извиняюсь за тупость, но можна подробней.Как закоментируй? и что такое слэш?
    Всего комментариев пользователя yaric: 5

    Ответить
  38. yaric Windows XP Opera 9.80 :
    26.12.2009 в 22:42

    А сейчас серый квадрат !?
    Всего комментариев пользователя yaric: 5

    Ответить
  39. Slash RUSSIAN FEDERATION Windows NT Mozilla Firefox 3.5.7 :
    10.01.2010 в 23:33

    Доброго времени суток!
    У меня вот такая проблемка:
    почему-то облако тегов совсем не отображается в блоге (не отображается даже название самого модуля), хотя на вкладке «Элементы страницы» гаджет присутствует и можно зайти в его настройки. В чём может быть проблема?
    Всего комментариев пользователя Slash: 6

    Ответить
    • minimus BELARUS PHP :
      12.01.2010 в 23:37

      На каком блоге?

      Ответить
      • Slash RUSSIAN FEDERATION Windows NT Mozilla Firefox 3.5.7 :
        13.01.2010 в 01:35

        http://housecompiler.blogspot.com
        Всего комментариев пользователя Slash: 6

        Ответить
        • minimus BELARUS PHP :
          13.01.2010 в 10:06

          Не нашёл я на вашем блоге кода облака …

          Ответить
          • Slash RUSSIAN FEDERATION Windows NT Mozilla Firefox 3.5.7 :
            13.01.2010 в 13:51

            Очень странно! Вот скриншот панели инструментов моего блога (вкладка «Элементы страницы»):
            http://s004.radikal.ru/i205/1001/d1/4e0415383602.jpg
            А это код вставленный в xml-шаблон блога:
            http://s005.radikal.ru/i210/1001/3a/8411a29721b2.jpg
            Всего комментариев пользователя Slash: 6

            Ответить
            • minimus BELARUS PHP :
              13.01.2010 в 18:38

              Нет его там

              Ответить
              • Slash RUSSIAN FEDERATION Windows NT Mozilla Firefox 3.5.7 :
                13.01.2010 в 20:31

                Честно говоря, не знаю почему так происходит. Всё сделал как вы описывали в начале данного поста. Создал произвольный гаджет во вкладке «Элементы страницы», после чего зашёл в редактор xml-сайта, нашёл созданный гаджет и в расширенным режиме вставил приведённый вами код облака.
                http://s003.radikal.ru/i202/1001/1f/85771ff47710.jpg  (на скрине не расширенный режим)
                Во вкладке «Элементы страницы», если нажать на настройки гаджета, то появляются его настройки (скриншот приводил выше), однако в блоге облако не отображается, даже название гаджета не отображается!
                Пробовал вставить код произвольно созданный гаджет (без непосредственного вмешательства в XML-шаблона), появилась область облака, после чего, производя с кодом некоторые манипуляции, приведённые в комментариях к данной статье, начал отображаться сначала значок Adobe Flash, а после смены параметра прозрачности на вид приведённый ниже, гаджет начал отображаться в виде серого прямоугольника без каких-либо меток.
                //params.wmode = «transparent»;
                Всего комментариев пользователя Slash: 6

                Ответить
                • minimus BELARUS PHP :
                  13.01.2010 в 21:13

                  Уже лучше …
                  У Вас не парсится содержимое переменной flashvars.tagcloud, попробуйте поменять местами кавычки – снаружи поставьте двойные, внутри одиночные …
                  Удачи! :)

                  Ответить
                  • Slash RUSSIAN FEDERATION Windows NT Mozilla Firefox 3.5.7 :
                    14.01.2010 в 03:14

                    На данный момент переменная выглядит так :flashvars.tagcloud = ‘<tags><b:loop var=»label» values=»data:labels»><a expr:href=»data:label.url» expr:style=»data:label.count» rel=»nofollow»><data:label.name/></a></b:loop></tags>’;
                    По какой-то причине редактор не сохраняет изменения в содержимом переменной, возвращая на место поставленных одиночных кавычек двойные кавычки! В блоге вместо серого прямоугольника снова появляется значок Adobe Flash.
                    Всего комментариев пользователя Slash: 6

                    Ответить
                    • minimus BELARUS PHP :
                      15.01.2010 в 20:00

                      Я слегка изменил код – попробуйте, может, наконец, получится …

                    • Slash RUSSIAN FEDERATION Windows NT Mozilla Firefox 3.5.7 :
                      28.01.2010 в 13:37

                      Всё получилось СПАСИБО!
                      Всего комментариев пользователя Slash: 6

  40. Alex RUSSIAN FEDERATION Windows XP Opera 9.80 :
    16.01.2010 в 16:24

    А можно ли убрать рамку, которая выделяет тег при наведении курсора??
    Заранее большое спасибо!
    Всего комментариев пользователя Alex: 2

    Ответить
  41. Андрей RUSSIAN FEDERATION Windows XP Opera 9.80 :
    28.01.2010 в 19:42

    Здравствуйте. Скажите пожалуйста, а можно ли где-то раздобыть исходники этого замечательного облака? Заранее спасибо.
    Всего комментариев пользователя Андрей: 1

    Ответить

Выскажите своё мнение

Напишите что Вы думаете ...
и, если хотите иметь индивидуальный аватар, зарегистрируйтесь на сервисе gravatar!