Veja Como se Faz:..."Colocando efeito "marquee" no BlogList"

"   Colocando efeito  "   marquee"    no BlogList"

  ..."    o efeito marquee (deslizante) no widget de Bloglist, 

mais conhecido como BlogRoll"

"   A primeira coisa a fazer é configurar seu widget e deixá-lo como no exemplo inclusive o título deverá ser escrito assim. (depois vc poderá modificar)"

... vá até o HTML de seu blog, clique em "    Expandir modelos de widget", 
..."   procure pelo seguinte código"...:



<b:widget id='BlogList1' locked='false' title='Amigos que visito' type='BlogList'>
<b:includable id='main'>
    <!-- only display title if it's non-empty -->    <b:if cond='data:title != &quot;&quot;'>      <div id='blog-list-title'>        <h2 class='title'><data:title/></h2>      </div>    </b:if>

    <div class='widget-content'>      <div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>

/\...Abaixo dele cole o seguinte código:

<center><marquee direction='up' height='250' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='5'
style='BORDER-RIGHT: #fff 3px ridge; BORDER-TOP: #fff 3px ridge; BORDER-LEFT: #fff 3px ridge; BORDER-BOTTOM: #fff 3px ridge' width='160'>

"  Os códigos ...
..."   na cor laranja representam o tamanha da caixinha marquee,  
o código em roxo é o sentido que vai rolar. (Up---cima / Down ---baixo)

...."   procure o seguinte trecho": 


<b:include name='quickedit'/>      </div>    </div>  </b:includable>
</b:widget>

/\..."  cole acima dele o código abaixo"

</marquee></center>

...se estiver tudo certo"...
..."   salve". 

"   O código ...

..."  deverá ficar assim:(partes em preto já devem existir, partes em vermelho foram acrescentadas. "





<b:widget id='BlogList1' locked='false' title='AMIGOS QUE VISITO' type='BlogList'>
<b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <div id='blog-list-title'>
        <h2 class='title'><data:title/></h2>
      </div>
    </b:if>
    <div class='widget-content'>
      <div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
<center><marquee direction='up' height='250' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='5' style='BORDER-RIGHT: #fff 3px ridge; BORDER-TOP: #fff 3px ridge; BORDER-LEFT: #fff 3px ridge; BORDER-BOTTOM: #fff 3px ridge' width='160'>

        <ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
          <b:loop values='data:items' var='item'>
            <li expr:style='data:item.displayStyle'>
              <div class='blog-icon'>
                <b:if cond='data:showIcon == &quot;true&quot;'>
                  <input expr:value='data:item.blogIconUrl' type='hidden'/>
                </b:if>
              </div>
              <div class='blog-content'>
                <div class='blog-title'>
                  <a expr:href='data:item.blogUrl' target='_blank'>
                    <data:item.blogTitle/></a>
                </div>
                <div class='item-content'>
                  <b:if cond='data:showItemThumbnail == &quot;true&quot;'>
                    <b:if cond='data:item.itemThumbnail'>
                      <div class='item-thumbnail'>
                        <a expr:href='data:item.blogUrl' target='_blank'>
                          <img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
                        </a>
                      </div>
                    </b:if>
                  </b:if>
                  <b:if cond='data:showItemTitle == &quot;true&quot;'>
                    <span class='item-title'>
                      <b:if cond='data:item.itemUrl != &quot;&quot;'>
                        <a expr:href='data:item.itemUrl' target='_blank'>
                          <data:item.itemTitle/></a>
                      <b:else/>
                        <data:item.itemTitle/>
                      </b:if>
                    </span>
                  </b:if>
                  <b:if cond='data:showItemSnippet == &quot;true&quot;'>
                    <b:if cond='data:showItemTitle == &quot;true&quot;'>
                      -
                    </b:if>
                    <span class='item-snippet'>
                      <data:item.itemSnippet/>
                    </span>
                  </b:if>
                  <b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
                    <div class='item-time'>
                      <data:item.timePeriodSinceLastUpdate/>
                    </div>
                  </b:if>
                </div>
              </div>
              <div style='clear: both;'/>
            </li>
          </b:loop>
        </ul>
        <b:if cond='data:numItemsToShow != 0'>
          <b:if cond='data:totalItems &gt; data:numItemsToShow'>
            <div class='show-option'>
              <span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
                <a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
              </span>
              <span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
                <a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
              </span>
            </div>
          </b:if>
        </b:if></marquee></center>
        <b:include name='quickedit'/>
      </div>
    </div>
  </b:includable>
</b:widget>

 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

fonte e créditos do presente post:

http://templateseacessorios.blogspot.com

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

http://aprender-ensinar-compartilhar.blogspot.com