К основному контенту

Облако тэгов в блоггер

облако тегов блоггерНедавно в комментариях  к моей статье с таким же названием написали: - “Здравствуйте! Все сделал как Вы советовали,но ярлыков нет. Есть гаджет, он получился,тот, второй. Может это связано с тем, что нужно было следовать Вашим советам в первой части? Ну, там, типа, хостинг, заливка и т. д.? Подскажите. Я стараюсь следовать Вашим советам, что-то получилось,а что-то нет.”

Поэтому вижу необходимым освежить статью, и сделать все хоть чуть-чуть проще. Итак как создать анимированное облако тегов в блоге на блогспот:
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: &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://denzelion.nextmail.ru/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>

Все должно заработать. Если нет хостинга просто не загружайте файл никуда, используйте приведенный выше скрипт, однако за надежность не отвечаю-может вылетать.
Если же вы решили чтобы файлы хранились у Вас на хостинге то залейте их и укажите вместо моей ссылки выделенной красным
Теперь если у Вас не влазит облако тэгов в поле гаджета, то изменяйте следующие параметры:
300 – ширина
250 – высота
Готово!

Комментарии

  1. Здравствуйте! Спасибо за статью. У меня появилась еще одна попытка привести в исполнение Ваши рекомендации относительно создания анимированного облака тегов. Однако, как мне думается, что это может занять у меня немало времени.Тем не менее, буду стараться.

    ОтветитьУдалить
  2. просто скопируйте код вставьте его и все заработает.хостинг тут не нужен)

    ОтветитьУдалить
  3. А у меня почему-то такой строчки вообще нет(((
    <b:section class='sidebar' и тд.
    "Расширить шаблон" нажимала

    ОтветитьУдалить
  4. ищите просто sidebar , может код по другому у Вас выглядит!

    ОтветитьУдалить

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