Search-form

Яндекс.Метрика
Проверка ТИЦ

воскресенье, 18 марта 2012 г.

Анимированное облако тегов для Blogger

В этой статье я раскажу вам достаточно понятным языком, как на ваш блог установить анимированное облако тегов.
      Облако тегов на блоге Блогспот в виде анимированного движения ярлыков на самом деле нет. Но, использовав скрипты иHTML, можно сделать очень красивое анимированное облако тегов на блоге Блогспот.
 1.код анимированного облака тегов        
          
<b:widget id='Label99' locked='false' title='Облако тегов' type='Label'>
<b:includable id='main'>
    <b:if cond='data:title'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <script src='http://ryaboff.com.ua/Books/SEO/swfobject.js' type='text/javascript'/>
      <script type='text/javascript'>
      var flashvars = {
                mode: "tags",
                minFontSize: "6",
                maxFontSize: "22",
                showTagWeight: "true",
                tcolor: "0x3451a1",
                tcolor2: "0x3451a1",
                hicolor: "0x3451a1",
                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: "#FFFFFF",
                allowscriptaccess: "always"
      };
      var attributes = {
                id: "b-cumulus",
                name: "tagcloud"
                };
      swfobject.embedSWF("http://ryaboff.com.ua/Books/SEO/tagcloud.swf", "b-cumulus", "250", "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>

2.Данный код необходимо добавить рядом с остальными виджетами шаблона, заходя через Дизайн > Изменить HTML.

0 коммент.:

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