Aprenda como se faz: ... "Lista de títulos pós em Showcase etiquetas El página (Ajuda para o seu blog)" ~ #quem é ... quemeee.







Pesquisar

Aprenda como se faz: ... "Lista de títulos pós em Showcase etiquetas El página (Ajuda para o seu blog)"

"    Lista de títulos 
pós em Showcase 
etiquetas da página 
(Ajuda para o seu blog)"


"   Lista de títulos pós em nuvem página"


..."   mostrar os títulos pós nas páginas de etiquetas..."

Passos:                                                                 



[1] "   ...no painel do Blogger, passamos para a guia Editar HTML e marque a Expand Widget Templates para localizar esta linha de código..."

  
<b:include data='post' name='post'>


[2] ..."   substituímos essa linha com todo o código abaixo:


<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<div id='titulos'><ul><li>
<a expr:href='data:post.url'><data:post.title/></a>
</li></ul>
</div>

<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>


[3] ..."  agora em uma parte do CSS,  colocamos,  



para estilizar a lista de títulos




antes de ]]></ b: skin>:



o seguinte código:                                                

#titulos{ /*estilo para o espaço ocupado pela lista */
margin:6px 0px;
background:#fff;
padding:6px;
border:1px inset #008800}

#titulos ul{ /*estilo de la lista */
margin:0px;
list-style-type:none;
background:#eeeded;
padding:3px;}


#titulos li{ /* estilo para cada item (título) da lista */
background: #fff url(endereço da imagem aonde hospedou) no-repeat 0% 100%;
font-weight: bold;
padding: 1px 0px 1px 60px;
}
border: 1px inset #008800;
padding:15px 0px 3px 40px;
font-weight:bold}


obs.:
o que está na cor vermelha , acima,  pode se alterado




...visualize...
salve!





 

[4] "    Temos agora que a data das entradas não são mostrados nestas páginas e assim não os títulos aparecem na lista, assim como localizar as entradas de código de data...:"

 



<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:

post.dateHeader/></h2>
</b:if>
 
..."   substituí-lo com o seguinte...

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'><data:

post.dateHeader/></div>
</b:if>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'><data:
post.dateHeader/></div>
</b:if></b:if></b:if>














Share:

4 comentários:

  1. Minha querida amiga Edilene, boa noite!!!
    Outra excelente dica para nossos blogs!!!
    Hoje estamos sendo presenteados com boas dicas para os blogs!
    Gostei da dica, depois vou testar para ver como fica.
    Beijos e muita luz em sua vida!!!

    ResponderExcluir
  2. Dú Pirollo ,
    bom que gostastes
    amigo,
    bjus

    ResponderExcluir
  3. Olá Edi querida!
    Adoro ler as suas dicas! Mesmo que eu não entenda...rsrs...mas guardo aqui para ler e tentar usar.
    Grande beijo!
    Jackie

    ResponderExcluir
  4. obrigada
    querida amiga
    Jackie,
    bjkas
    ;)

    ResponderExcluir

Mensagem do formulário de comentário:

"buscas populares"

buscas populares …apareça nas buscas… cadastre seu web site aqui…/buscas populares…alô negócios !!!…

pesquisar aqui:


Custom Search

vídeos

Pesquisar

Arquivo

Postagem em destaque

fale conosco

fale conosco!  Nome E-mail  * Mensagem  *

Seguidores

 
|| Пост!Featured on Hometalk.com