Aprenda como se faz: ... "Lista de títulos pós em Showcase etiquetas El página (Ajuda para o seu blog)"
Autor: Edilene brandao da silva | Publicado: 2017-05-20T14:03:00-07:00



"&nbsp;&nbsp;&nbsp; Lista de títulos&nbsp;
pós em Showcase&nbsp;



etiquetas da página&nbsp;

(Ajuda para o seu blog)"



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


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

Passos:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 


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

&nbsp;&nbsp; &lt;b:include data='post' name='post'&gt;


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


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

&lt;b:else/&gt;
&lt;b:include data='post' name='post'/&gt;
&lt;/b:if&gt;
&lt;b:else/&gt;
&lt;b:include data='post' name='post'/&gt;
&lt;/b:if&gt;  

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



para estilizar a lista de títulos,&nbsp;





antes de ]]&gt;&lt;/ b: skin&gt;:






o seguinte código:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 


 

#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,&nbsp; pode se alterado 













...visualize...

salve!





&nbsp;

[4]  "&nbsp;&nbsp;&nbsp; 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...:"

&nbsp; 


&lt;b:if cond='data:post.dateHeader'&gt;
&lt;h2 class='date-header'&gt;&lt;data:

post.dateHeader/&gt;&lt;/h2&gt;
&lt;/b:if&gt;
&nbsp; 
..."&nbsp;&nbsp; substituí-lo com o seguinte...

&lt;b:if cond='data:blog.homepageUrl == data:blog.url'&gt;
&lt;b:if cond='data:post.dateHeader'&gt;
&lt;div class='date-header'&gt;&lt;data:

post.dateHeader/&gt;&lt;/div&gt;
&lt;/b:if&gt;

&lt;b:else/&gt; 
&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;
&lt;b:if cond='data:post.dateHeader'&gt;
&lt;div class='date-header'&gt;&lt;data:post.dateHeader/&gt;&lt;/div&gt;
&lt;/b:if&gt;&lt;/b:if&gt;&lt;/b:if&gt;