" Lista de títulos
pós em Showcase
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}
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}
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:
..." 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:
[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 == "item"'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'><data:post.dateHeader/></div>
</b:if></b:if></b:if>
Minha querida amiga Edilene, boa noite!!!
ResponderExcluirOutra 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!!!
Dú Pirollo ,
ResponderExcluirbom que gostastes
amigo,
bjus
Olá Edi querida!
ResponderExcluirAdoro ler as suas dicas! Mesmo que eu não entenda...rsrs...mas guardo aqui para ler e tentar usar.
Grande beijo!
Jackie
obrigada
ResponderExcluirquerida amiga
Jackie,
bjkas
;)