Caixinha com Mensagem no Meio do Post

Ola amigos(a) é com muito carinho que agradeço os elogios e visitas.
Hoje vou ensinar colocar um quadro de mensagem no meio do post. Eu encontrei esse tutô no blog mais fofinho Dany's Place ( os créditos são de lá)

Gostaram do Tutorial? Util e fofo!!

Dá um efeito diferente no post, e não fica embolado. Gostei desse estilo que lembra muito aquelas tabelas, a diferença é que nesse estilo você pode escrever lado a lado. 

Organização é a alma do Blog, Lembre-se a primeira impressão é a que fica.

Para quem prefere com tamanho maior e do lado esquerdo também é possível.

Como usar:

Antes de começar a escrever o seu post clique antes em HTML. Veja abaixo

Escreva o seu Post, copie o código abaixo e cole no trecho do texto que deseja utilizar a caixinha de mensagem. 

<p style=" color: #464646; font-size:15; float: left; border:1px dashed #000000; text-align: center; padding: 4px; background: url(http://i111.photobucket.com/albums/n159/docedani/haikei252.gif); margin: 30px; width:50%;">  Escreva aqui o seu texto </p>

∎ Altura da Caixinha 
∎ Largura da Caixinha 
∎ Direção da Caixinha // Esquerda=Left // Direita=Right 
∎ Cor da Borda da Caixinha 
∎ Background de fundo da Caixinha 
∎ Tamanho da font

Lembrando que deve colocar o código no meio do post, não precisa colocar quebra de linha <BR>