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

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

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

Установка

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

Код виджета:

<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='//minimusx.blogspot.com/swfobject.js' type='text/javascript'/>
		<div id='flashcontent'>Blogumulus by <a href='//www.roytanck.com/'>Roy Tanck</a> and <a href='//www.bloggerbuster.com'>Amanda Fazani</a></div>
			<script type='text/javascript'>
				var so = new SWFObject("//minimusx.blogspot.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>

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

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<div id='flashcontent'>Blogumulus by <a href='//www.roytanck.com/'>Roy Tanck</a> and <a href='//www.bloggerbuster.com'>Amanda Fazani</a></div>

var so = new SWFObject("//minimusx.blogspot.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'>
			<object type="application/x-shockwave-flash" data="//minimusx.blogspot.com/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
				<param name="movie" value="//minimusx.blogspot.com/tagcloud.swf" />
				<param name="bgcolor" value="#ffffff" />
				<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags><b:loop values='data:labels' var='label'><a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>" />
				<p>Blogumulus by <a href='//www.roytanck.com/'>Roy Tanck</a> and <a href='//www.bloggerbuster.com'>Amanda Fazani</a></p>
			</object>
		</div>
		<b:include name='quickedit'/>
	</b:includable>
</b:widget>

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

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<p>Blogumulus by <a href='//www.roytanck.com/'>Roy Tanck</a> and <a href='//www.bloggerbuster.com'>Amanda Fazani</a></p>

</object>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

Настройка

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

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

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

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

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

<object type=”application/x-shockwave-flash” data=”//minimusx.blogspot.com/tagcloud.swf” width=”250” height=”200” allowscriptaccess=”always” >

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

var so = new SWFObject(“//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: Исправлена ошибка перехода по русскоязычным линкам.

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

01.10.2008 / Виджеты (Blogger) / Метки: Blogger, tagcloud, виджет, локализация

Поделитесь статьёй

Об авторе

minimus

Lead Frontend Developer (ReactJS, NodeJS)

[title element="h4"] Комментарии (12) [/title]

alex – 23.03.2009 - 21:52:

ответ

а реально ли прикрутить это облако тегов для обычного сайта? например на dle 7.5?
- minimus – 24.03.2009 - 20:35:
  
  ответ
  
  Вполне реально. Но! Blogumus не мой виджет. Могу посоветовать почитать здесь – это мой виджет. По этой же причине свой ответ на Ваш вопрос я разместил здесь.
GControl – 10.08.2009 - 19:33:

ответ

Я вставил этот плагин на свой сайт Блог , все было ОК плагин работал, но теперь вместо облака тегов отображается следующий текст: “Blogumulus by Roy Tanck andAmanda Fazani”
Кто то знает в чем дело?
- minimus – 10.08.2009 - 20:13:
  
  ответ
  
  Только что посмотрел Ваш блог – там всё Ok! Может у Вас на компе Flash Player слетел?
davis – 02.09.2009 - 08:01:

ответ

minimus, cпасибо.
Скажите, сколько символов должно быть в имени тега, чтобы виджет не глюкануло?
- minimus – 02.09.2009 - 08:24:
  
  ответ
  
  Больше нуля 😉
Алик – 22.01.2010 - 19:48:

ответ

здравствуйте, большое спасибо за статью!)) у меня вопрос, точнее просьба, если есть возможность то дайте ссылку на какой нибудь хост куда можно залить эти файлы, а то я разобраться что то не могу… )) заранее спасибо!
Алик – 22.01.2010 - 20:31:

ответ

Извините за беспокойство, проблема решена, вопрос неактуален!))

Алик – 22.01.2010 - 20:40:

ответ

В очередной раз пишу… наверное надоел!)) Созрел другой вопрос, даже пара:
1) Я так понял что это облако тего дублирует только “ярлыки” блога, а не сами теги под постом (как на сайтах)
2) как сделать чтобы можно было делать теги под постом как у вас (в данном посте у вас Метки: Blogger, tagcloud, виджет, локализация) и будут ли эти теги высвечиваться в облаке. Я так понимаю что нет?

minimus – 24.01.2010 - 16:44:

ответ

Облако прорисовывает метки блога, а не статьи …
Метки для Blogger выставляются так:

<span class='categories'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>

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

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</b:if>

</span>

Кстати, а почему вы это облако выбрали – это лучше 😉

Алик – 27.01.2010 - 14:07:

ответ

Не могу, разобраться не получается, когда просто вставляю пишет “Не удалось проанализировать ваш шаблон, так как он неправильно сформирован. Убедитесь, что все элементы XML правильно закрыты.” когда нахожу аналогичный (почти) код и вставляю ваш то такая же ошибка… я 100% не так делаю, но я не знаю как еще, если можно подробнее…
Заранее спасибо 😉

Алик – 27.01.2010 - 13:45:

ответ

)) то которое вы предлагаете, установлю, для меня пока главное чтобы метки можно было в посты вставлять! 😉 вот можете взглянуть на блог sam-production.blogspot.com

Да и спасибо за ответ, сейчас попробую… я так понимаю просто эти строчки вставить в шаблон ))

Оставьте комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Апрель 2025
Пн	Вт	Ср	Чт	Пт	Сб	Вс
	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