Faixinha em tableless

Sabem a faixinha que uso como subtítulo de postagem? Então, hoje aprenderemos como faze-la. Não lembro em que blog peguei o tutorial, mas se alguém souber ou até mesmo eu lembrar edito o post e coloco aqui. A faixinha ficará semelhante a essa:

Exemplo

Para colocá-la, entre em seu HTML e procure por 

}]]></b:skin> 

Acima dele cole:

/* Faixinha de subtítulo */
.table{
background: url(url da faixinha)no-repeat;
color: #fff; /* cor da fonte */
font: italic 15px georgia; /* itálico, tamanho e nome da fonte*/
padding: 3px; /*distanciamento em relação a margem*/
width: 255px; /*largura da imagem*/
height: 30px; /*altura da imagem*/
text-align: left; /*alinhamento*/
margin-left: -35px; /*margem esquerda*/
}

Ajuste de acordo com seu gosto, se não ficar bem posicionado é só alterar o valor de margin-left até ficar certinho.

Toda vez que quiser usar a faixinha na postagem, clique na aba HTML (fica do lado da aba "Escrever") e cole o seguinte código:

<div class="table">Texto aqui</div>