Como Exibir somente títulos dos posts na página de marcadores

Uma Ferramentas extremamente útil, sem dúvidas. Ela deixará sua página de marcadores mais fácil de visualizar, além do fato de facilitar a procura de postagens por parte dos visitantes. Neste tutorial, lhes mostrarei como fazer isto:

 1º passo - Modificar o html do template

Entre na aba "design", clique em "editar html", marque a caixinha "expandir modelos de widgets" e procure pela linha:  

 

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

   Substitua toda esta linha pelo código abaixo:

<b:if cond='data:blog.homepageUrl != data:blog.url'><br /> <b:if cond='data:blog.pageType != "item"'><br /> <b:if cond='data:blog.pageType != "static_page"'><br /> <div id='list_page'><ul><li><br /> <a expr:href='data:post.url'><data:post.title/></a><br /> </li></ul></div><br /> <b:else/><br /> <b:include data='post' name='post'/><br /> </b:if><br /> <b:else/><br /> <b:include data='post' name='post'/><br /> </b:if><br /> <b:else/><br /> <b:include data='post' name='post'/><br /> </b:if>

2º Passo - Aplicar estilos CSS

 Volte na aba "design", entre na edição HTML do seu template, não precisa clicar em "expandir modelos de widgets" e procure pela tag ]]></b:skin>
e cole o seguinte código logo ACIMA dela:

 

#list_page{<br /> background:#f6f6f6; /*--cor de fundo--*/<br /> border:1px solid #ccc; /*--estilo e cor da borda--*/<br /> margin:5px;<br /> padding:15px;<br /> }<br /> #list_page ul{<br /> list-style-type:none;<br /> padding:0px;<br /> margin:0px;<br /> }<br /> #list_page li{<br /> font-size:20px; /*--tamanho da fonte dos links--*/<br /> padding:5px;<br /> }

Agora basta editar as cores no local especificado;

Agradecimentos : http://www.mundoblogger.com.br

Posted in: dicas, tecnologia