#quem é ... quemeee. : listas







Pesquisar

Mostrando postagens com marcador listas. Mostrar todas as postagens
Mostrando postagens com marcador listas. Mostrar todas as postagens

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:

"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