Caixinha com mensagem no meio do Post




Ola amigos(a) é com muito carinho que agradeço os elogios e visitas.
Que Deus abençõe a cada um que sempre passam por aqui.
Hoje vou ensinar colocar um quadro de mensagem no meio do post.

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 clic 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>


14 comentários:

  1. LO,,obrigada pelo tutorial,mas não seria mais facil fazer um blockote para isso?Ó.Ó,a proposito,pode fazre um tuto de blockote?:3
    Bjs Karne Hotonashi
    http://projectlittlefighter. blogspot.com

    ResponderExcluir
    Respostas
    1. Depende amada.. desta forma você pode mudar o background varias vezes em um único post. Particularmente eu não gosto de viver dependente das barras de ferramentas...Ma para quem gosta de usar algo rápido é sempre útil ^^...

      Excluir
  2. Amei a dica, fica uma graça!

    Beijinhos flor!

    ResponderExcluir
  3. Ótimo tuto, o post com a caixinha ficará uma graça *-*

    ResponderExcluir
  4. Adorei Dany!!!
    Super util mesmo, qualquer hora vou tentar... rsrs
    Beijão flor!
    http://nailmypassion.blogspot.com.br/

    ResponderExcluir
  5. Este comentário foi removido pelo autor.

    ResponderExcluir
  6. DANII amei, (sou eu, do blog Deise Teen) , mas, tem como alterar o tamanho da fonte?
    *esperando resposta!
    Beijoos amo seu blog fofa! - o mais doce da net! =^.~=

    ResponderExcluir
  7. Oiii, tdo beem?
    adoreii seu blog, muiito lindo
    de verdade!!!
    se puder...
    Visite Meu Blog, nele eu falo de tendência de Moda, novidades de Cabelo, Unhas e Maquiagem
    que mulher não gosta de dicas para cada dia ficar mais linda, não é mesmo?
    Espero qi visite e Goste!

    Desde já, Muiito Obrigado
    Daanih Malvas ;*

    * http://danihmalvas.blogspot.com.br/
    https://www.facebook.com/Daanih.Maalvas#
    https://twitter.com/danih_malvas

    **SEGUINDO SEU BLOG, SEGUE MEU TAMBÉM **

    ResponderExcluir
  8. Ótimas dicas, parabéns pelo blog, seguindo...
    Bom fim de semana!
    Fica com Deus!
    Beijo!

    http://nannacunha.blogspot.com.br

    ResponderExcluir
  9. Que dica bem legal, a tempos que eu buscava isso, valeu pelo tuto!

    Bjinhus

    ResponderExcluir
  10. Dany mandou bem,super lindo, nao sei se vc viu minha outra mensagem sobre colocar crédito seu no meu blog dos efeitos que vc mostra aqui.
    Me manda um e-mail livrosajaneladaimaginacao@outlook.com
    Bjs
    Dani Casquet

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...

Ultimas atualizações no Blog ♥