sábado, 7 de janeiro de 2012


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


Substitua essa linha por todo esse código:

<pre class="brush: codeview"><code> <b:include data='post' name='post'/> </code></pre>
<pre class="brush: codeview"><code> 
<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> </code></pre>
Após fazer isso , vamos adicionar a parte de CSS onde podemos customizar o estilo dos títulos a ser exibido. Procure pela linha:
Acima dela cole o código CSS:
<pre class="brush: codeview"><code> ]]></b:skin></code></pre>
<pre class="brush: css"><code> #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;
} </code></pre>

0 comentários:

Seguidores