Tutorial- Modelo para blockquote

pra quem não sabe, isso é um blockquote!

"Encontre seu jeito de ser feliz!"

Ooi de novo pequenas grandes pessoas!

Gente, aqui eu vou postar um tutorial de um blockquote que eu mesma editei.. então, seu usarem, não se esqueçam, deêm créditos ao HB!! E por hora é um só porque demorei muito editando kkkk (é o primeiro q eu faço) Vem ver :3

Veja a preview:

tá meio estranho, pra ver melhor clica AQUI não repara a bagunça do blog de teste

 Honeys, para adicionar esse blockquotezinho lindinho vá em Modelo >> Editar HTML >> clique na setinha ao lado de "<b:skin>...</b:skin>" >> procure por "]]></b:skin>" >> ANTES desse código, cole:

@font-face {font-family: 'PF Arma Five';src: url('http://img.dafont.com/dl/?f=pf_arma_five') format('truetype'); font-weight: normal; font-style: normal;}

.post blockquote { 

background: #f5f5f5 ; /* Cor de fundo*/

color: #000;

font-family: PF Arma Five; 

font-weight: normal;

font-size: 8px;

text-align: right;

padding: 3px;

padding: 5px; 

margin:10px 20px 10px 20px; 

border-left:4px solid #fa64a1; /* Borda */

transition-duration: 1s;

-moz-transition-duration: 1s; 

-webkit-transition-duration: 1s; 

}

.post blockquote:hover { /* quando o mouse passa por cima */

border-left: 1px solid #fa64a1; /* borda esquerda */

border-right: 1px solid #fa64a1; /* borda direita */

}

 Veja se está tudo ceto e salve! Para usá-lo você tem que clicar nesse botãoquando for fazer a postagem.
Por hoje é só... KISSES!

CREDITE O HB SE USAR, NÃO ESQUEÇA!