Meus leitores mais assíduos devem ter reparado um novo recurso gráfico utilizado em posts recentes: CodeIDE, “Como assistir Naruto e outros filmes em formato RMVB no Ubuntu” e “Como contornar grandes filas de banco“.

Este recurso é chamado “Olho”. O olho é utilizado para destacar uma frase de um texto. Ele oferece mais leveza visual e chama a atenção do leitor.

Para inserir um olho em um post do seu blog, comece por inserir, no início ou no final de algum parágrafo uma tabela da seguinte forma:

<table class="olho" align="left" border="0" cellpadding="2" cellspacing="2">
<tr>
<td align="center">Seu texto vai aqui!</td>
</tr>
</table>

Edite o CSS de seu tema, incluindo estas duas entradas:

#content table.olho {
   padding: 2px 8px 5px 2px;
}
#content table.olho tr td {
   font-family:serif;
   font-size:large;
   font-style:italic;
   font-variant:small-caps;
   font-weight:bold;
   border-width:thick;
   border-top-style:solid;
   border-bottom-style:solid;
   border-right-style:none;
   border-left-style:none;
   width:250px;
   padding:2px;
   margin:5px;
   text-align:center;
   line-height:1em;
}

Talvez você precise fazer ajustes para adequar esta solução ao seu template. Experimente variar esta configuração e boa sorte!