►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

▼xat - deixe seu recado!!!









vídeos

Pesquisar

Arquivo

Postagem em destaque

..."falhas mais imperdoáveis de quem manda"

Chefes também cometem erros graves Conheça as falhas mais imperdoáveis de quem manda As falhas imperdoáveis para quem lidera ...

Seguidores

adf.ly

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