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 != "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> </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: