>> Não fique louco

Exibir somente titulos na pagina de marcadores

27.6.12




Antes de editar o modelo, é recomendável salvar uma cópia do mesmo.

Primeiro vá em DESIGN > EDITAR HTML, Clique em "Expandir Modelos de Widgets" e procure pela linha:

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

Substitua essa linha por todo esse código:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='marcadores'><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>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Após fazer isso , vamos adicionar a parte de CSS onde podemos customizar o estilo dos títulos a ser exibido. Procure pela linha:

]]></b:skin>

Acima dela cole o código CSS:

#marcadores{
background:#CCCCCC;  /*--cor de fundo--*/
border:1px solid #333333;  /*--estilo e cor da borda--*/
margin:5px;
padding:15px;
}
#marcadores ul{
list-style-type:none;
padding:0px;
margin:0px;
}
#marcadores li{
font-size:15px;   /*--tamanho da fonte dos links--*/
padding:5px;
}


Fonte : Anime Design

0 comentários:

Postar um comentário