Alguns códigos para usar nas postagens

Oi gente! Hoje tem dicas HTML para deixar seus posts mais bonitos e diferentes. Vou mostrar e ensinar a usar alguns códigos bem legais e úteis, vamos lá.

ATENÇÃO
Para esses códigos funcionarem nos posts, antes de colar eles, clique na aba "Editar HTML" no editor de posts do blogger.


th_seta Dividir a postagem em duas colunas


Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo
Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo Exemplo

<div style="float: left; width: 45%">Escreva aqui o Texto da Coluna da Esquerda</div>
<div style="float: right; width: 45%">Escreva aqui o Texto da Coluna da Direita</div>
<div style="clear: both"></div>


th_seta Sombreado no texto

EXEMPLO DE SOMBRA 1

<div style="color: #bf5bff; text-shadow: 3px 2px 2px #610b97">TEXTO AQUI</div>

EXEMPLO DE SOMBRA 2

<div style="text-shadow:3px 3px 4px #000;">TEXTO AQUI</div>



th_seta Marca Texto Colorido

Marca texto rosa

<span style="background-color: #ff5fc1" class="Apple-style-span">TEXTO AQUI</span>



Marca Texto Verde

<span style="background-color: #5aee00" class="Apple-style-span">TEXTO AQUI</span>



Marca texto Verde Limão

<span style="background-color: #c6ff00" class="Apple-style-span">TEXTO AQUI</span>



Marca texto Azul

<span style="background-color: #00ccff" class="Apple-style-span">TEXTO AQUI</span>



Marca Texto Laranja

<span style="background-color: #ff9600" class="Apple-style-span">TEXTO AQUI</span>

Dica: Você pode alterar a cor do marca texto substutuindo o código da cor (#5aee)

th_seta Texto Manuscrito



Exemplo de texto manuscrito

<font face="Lucida Handwriting">TEXTO AQUI</font>
sing-liah

16 comentários:

Mariana disse...

Adorei me serviu muito, vou colocar seu banner também.
Comenta?
girlteen-s2.blogspot.com

Ta e Lu disse...

Olá tudo bem com vocs ?
ja estou te seguindo entre no meu blog e da minha prima e me segue

solelua20.blogspot.com

Thaís *-* disse...

Muito boas dicas! Não sabia como fazer, valeu muito á pena rsrs
Parabéns pelo tutorial é super facil agora que você ensinou...

Beijoquinhas,
bonequinhadeluxo10.blogspot.com

Aimée H@nie = D disse...

Fofas já peguei o link de vcs1 Beijosss
Fashion Dreams
www.modinhamoderna.blogspot.com

Bárbara Rocha disse...

wow! que legal. Sempre quis fazer isso em minhas postagens *o*'
Te espero em meu bloguito hien!? eiwoiewo. Beijos
http://diamontlilac-news.blogspot.com/

Gislaine disse...

Ai que tudo , sempre venho aqui e recomendo mesmo.
O Cherry foi um dos primeiros blogs que conheci assim que pisei na blogsfera.
Amo de mais!

Unknown disse...

Muito obrigada pela visita flor. Estou retribuindo. ^^
Tudo muito lindo aqui. Adorei todas as dicas. #prayforjapan.

Beijão.

Unknown disse...

Oi Amor! Seu blog Ta lindo como sempre!!!

Ana Luiza disse...

que legal *-*

Euinformada disse...

OMG!A-d-o-r-e-i as dicas!Obrigada

Larissa S. disse...

eu vou me mudar para o uol blog e queria que voc postasse um tuto de
como eu posso fazer meu proprio HTML, se voc souber é clr *0*

Ana Carolina Vicari disse...

Suas dicas são incríveis, o blog tá mara. Amo muito aqui! Comenta lá? www.blogcandydream.blogspot.com

Unknown disse...

eu to começando agora como faço pra achar o local certo para colocar o cod?

Rose alves disse...

amei os codigos \☺/ seu blog como sempre me ajuda muito!
beijos flor!
rarosej.blogspot.com.br

Izaah Stein disse...

Estou usando,Liah!
Beijos!

Anônimo disse...

Te plagiaram nesse post o.o
olha :
http://sonhos-da-luisa.blogspot.com.br/2013/01/maratona-de-tutoriais-marca-texto.html#comment-form

Postar um comentário