Colocar Ribbons no blog!

Este Tuto é bem fácil e fica super fofo, em primeiro lugar cola este código:

Como Fazer?

.ribbon {

background: url('https://lh5.googleusercontent.com/-zP0vsPagip0/Tshg4iUCBDI/AAAAAAAAIx4/ZHdxX8CTNHk/s835/ribbon%2520eu5.png') no-repeat right;

width: 270px; /*Largura da imagem*/

height:52px; /*Altura da imagem*/

float: right; /*Posição do título (right-direita, left-esquerda)*/

text-align: center; /*Alinhamento do texto*/

font-family: Sofia; /*Fonte*/

color: #fff; /*Cor da fonte*/

font-size: 22px; /*Tamanho da letra*/

line-height: 60px; /*Altura da linha - coloque a altura da imagem ou numero maior*/

margin-right: -28px; /*Margem direita*/

margin-left: 0px /*Margem esquerda*/

}

Antes de:
]]></b:skin>
Agora só falta colocar no post! Vai ao HTML do post e cola:
<div class="ribbon"> TEXTO

Fim

Até ao próximo post! *3*