Чтобы установить подобное облако тегов скачиваем архив.
В нем содержится 2 файла, которые включают русскую локализацию плагина (оригинальный скрипт не отображает кириллические теги в блоге). Вам потребуется записать эти файлы на какой-то стабильно работающий хостинг, чтобы можно было их вызывать.
Параметры
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.
В нем содержится 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: "tags",
minFontSize: "6",
maxFontSize: "22",
showTagWeight: "true",
tcolor: "0x0be4f8",
tcolor2: "0x0be4f8",
hicolor: "0xffffff",
distr: "distr",
tspeed: "100",
tagcloud: "<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>"
};
var params = {
//wmode: "transparent",
bgcolor: "#333333",
allowscriptaccess: "always"
};
var attributes = {
id: "b-cumulus",
name: "tagcloud"
};
swfobject.embedSWF("http://FILE_HOST_NAME/js/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'>
<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.
Комментариев нет:
Отправить комментарий