meus blogs mais.

meusblogsmais ...mbm...



Pesquisar

30/10/2016

fale conosco

Nenhum comentário :
Preencha os campos abaixo para entrar em contato. 

Não esqueça de preencher o campo com seu e-mail 
para respondermos, se for necessário.  

Os campos marcados com "*" são obrigatórios.

Seu Nome: *

Seu E-mail: *

Sua mensagem: *

14/05/2016

como colocar efeito "marquee" no bloglist (BlogRoll)

Um comentário :


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

mais conhecido como BlogRoll...

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



"Não se esqueça
de antes de começar salvar
uma cópia de seu template,
caso não dê certo, é só reinstalá-lo."



"Agora vá até o HTML de seu blog

...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 que deixados na 
cor laranja 
representam o tamanho da caixinha marquee
o código em roxo é o sentido que vai rolar.
(Up---cimaDown ---baixo)

 Agora, 
procure o seguinte trecho:

        <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'>
                  <img expr:data-lateloadsrc='data:item.blogIconUrl' height='16' width='16'/>
                </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 and 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 cond='data:showItemTitle'>
                    <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'>
                    <b:if cond='data:showItemTitle'>
                      -
                    </b:if>
                    <span class='item-snippet'>
                      <data:item.itemSnippet/>
                    </span>
                  </b:if>
                  <b:if cond='data:showTimePeriodSinceLastUpdate'>
                    <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 and 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:include name='quickedit'/>

e cole, abaixo dele,  
o seguinte código:

</marquee></center>



e, ficará assim , depois de salvo:

    <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'>
                  <img expr:data-lateloadsrc='data:item.blogIconUrl' height='16' width='16'/>
                </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 and 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 cond='data:showItemTitle'>
                    <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'>
                    <b:if cond='data:showItemTitle'>
                      -
                    </b:if>
                    <span class='item-snippet'>
                      <data:item.itemSnippet/>
                    </span>
                  </b:if>
                  <b:if cond='data:showTimePeriodSinceLastUpdate'>
                    <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 and 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:include name='quickedit'/>
</marquee></center>
      </div>
    </div>
  </b:includable>
                </b:widget>
.....................................................................
e/ ou
poderá também fazer assim:


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

E cole acima dele 
o código abaixo


</marquee></center>


Veja se está tudo certinho ,
e depois, 
salve. 

"O código então 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: templateseacessorios  

24/07/2012

visitas

Nenhum comentário :

"Política de Privacidade - Google AdSense"

Nenhum comentário :


Política de  Privacidade - Google AdSense

Seguidores