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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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