Поэтому вижу необходимым освежить статью, и сделать все хоть чуть-чуть проще. Итак как создать анимированное облако тегов в блоге на блогспот:
1. ДА желательно залить скрипт на свой хостинг, или бесплатный хостинг или еще куда-то, но так же можно просто вставить код приведенный ниже и все будет работать, однако возможно не надежно. О бесплатных хранилищах для файлов блоггер я писал в статьях : Бесплатный хостинг или где хранить файлы для блоггера, Бесплатный хостинг для блоггер.
Файл скачать можно
2. Зайдите в настройки блоггер, в раздел Шаблон, нажмите изменить HTML, отметьте галочкой Расширить шаблон.
3. Используя Ctrl+f найдите следующий тэг:
<b:section class='sidebar' id='sidebar' preferred='yes'>4. Сразу после данного тэга вставьте приведенный ниже скрипт:
<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: "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://denzelion.nextmail.ru/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>
Все должно заработать. Если нет хостинга просто не загружайте файл никуда, используйте приведенный выше скрипт, однако за надежность не отвечаю-может вылетать.
Если же вы решили чтобы файлы хранились у Вас на хостинге то залейте их и укажите вместо моей ссылки выделенной красным
Теперь если у Вас не влазит облако тэгов в поле гаджета, то изменяйте следующие параметры:
300 – ширина
250 – высота
Готово!
Здравствуйте! Спасибо за статью. У меня появилась еще одна попытка привести в исполнение Ваши рекомендации относительно создания анимированного облака тегов. Однако, как мне думается, что это может занять у меня немало времени.Тем не менее, буду стараться.
ОтветитьУдалитьпросто скопируйте код вставьте его и все заработает.хостинг тут не нужен)
ОтветитьУдалитьА у меня почему-то такой строчки вообще нет(((
ОтветитьУдалить<b:section class='sidebar' и тд.
"Расширить шаблон" нажимала
ищите просто sidebar , может код по другому у Вас выглядит!
ОтветитьУдалить