17 dezembro 2012

Tutorial: Estilos no título da postagem.

Hello ^^
A pedido da Victoria, eu vou ensinar a pôr "estilos" no título da postagem. Por exemplo, eu postei alguns estilos de caixa de texto no blog aqui, e ela perguntou se tem como coloca-los no título da postagem do blog, e é isso que eu irei ensinar. Se reblogarem ou usarem, creditem ao blog Purple Party pelo tutorial, e ao Jackie Dream pelas caixas personalizadas.

Vamos lá?

Primeiramente, recomendo que centralize o título da postagem (opcional). Siga os passos:
Procure por:  h3.post-title {
Abaixo, cole a seguinte tag:text-align: center;
~~~~~~~~~~X~~~~~~~~~~
 Cole o código do estilo escolhido, abaixo da tag h3.post-title {
 background: #FFF8DC;  border: 1px dashed #FF1493;  width: 12;
 background-image:url('http://www.emoticonswallpapers.com/background/animals/animal-backgound-pattern-008.gif'); background-repeat:repeat;  border: 2px dotted #FF1493;  width: 12;
 background-image:url('http://i.imgur.com/y5lFO.jpg'); background-repeat:repeat;  border: 3px outset #FF69B4;  width: 12;
background-image:url('http://i.imgur.com/Pn8Li.png'); background-repeat:repeat;  border: 1px dashed #FF1493;  width: 12;

background-image:url('http://www.emoticonswallpapers.com/background/thumb/cute/cute-backgound-pattern-377.gif'); background-repeat:repeat;  border: 1px dashed #000000;  width: 12;

*Esse estilo aqui é em gif, vai mudando para várias outras cores*
background-image:url('http://www.emoticonswallpapers.com/background/thumb/flashing/flashing-background-pattern-033.gif'); background-repeat:repeat;  border: 1px dashed #000000;  width: 12;

background-image:url('http://i.imgur.com/AbNCl.png'); background-repeat:repeat;  border: 1px dashed #000000;  width: 12;

background-image:url('http://i.imgur.com/UPZvw.png'); background-repeat:repeat;  border: 1px dotted #FF3E96;  width: 12;
Lembre-se que: a fonte não está inclusa no código.

Beijos

26 comentários:

Anônimo disse...

Amei as caixinhas de post, a minha é a padrão eu acho mais bonitinha..


Beijos, Laris!
http://www.garotadilemablog.blogspot.com//

Adriana Leandro disse...

Ótimo tutorial. Bjus!!!
galerafashion.blogspot.com.br

Graci Santos disse...

Amei a segunda, uma fofura! Acho que vou usar ela no próximo layout :3

Beijos,
adoravelmente.blogspot.com

ємilly B. disse...

Aw, que lindas!
Amei a última *-*

Obrigado pela tua visita em meu blog ♥

blog-the-memories.blogspot.com

Anônimo disse...

Que lindos, ah gostei bastante, no meu proximo lay vou fazer um desses.
Ta salvo nos favoritos já!
Garota Fashion

Unknown disse...

Oi, ta rolando sorteio no meu blog espero sua participação
http://segredos-deamigas.blogspot.com.br/2012/12/2-sorteio-de-natal.html

Gabrielly Zambrzycki disse...

Amei mas eu faço as minha hehe adoro fazer diferentes que ninguém usa ainda para ser mais original hehe

http://mundo-teens-mt.blogspot.com.br/

Bianca Santos disse...

Eu amo esse tipo de tutorial,fica tipo um mini bloquete,amei
><
visita?se gostar segue
w w w . supercaprichada . c o m . b r

Gabi disse...

Que gracinha, adorei!

http://officialgabi.blogspot.com.br/

Geisiane Caroline disse...

Ótimo tutu, ameei <3

http://alittlemorethangloss.blogspot.com.br/

bjs !!

L∆UR∆ disse...

AAwn que fofoss *o*

Panmella Sarmento disse...

Adorei o tutorial ótimas dicas!!! Bjs...

http://www.perfumesdapam.com/

By Them disse...

é bem legal! o meu é bem simples! rsrsrs
backlash7.blogspot.com

Anônimo disse...

Amei todas mas, eu prefiro a penúltima :-)

bjs

Jeans-Apertado.blogspot.com

Debbie disse...

Adorei, fica suuper fofinho, não sabia como fazer, vou testar pra ver como fica *-*

Carol Lopes disse...

Oii , parabéns seu blog é lindo !
tambem tenho um blog se puder siga ja
estou seguindo o seu =3

craquelada.blogspot.com

Karen almiron, disse...

Adoro este tutorial,e vou usar no meu proximo layout,acabei de mudar,nem dá :/
mais,vai ser bem útel.
girl-fly.blogspot.com

Elisa Cardoso disse...

flor você ganhou o concurso do meu blog.Os seus selinhos serão entregues no post que estou fazendo agora,e seus devidos premios serão recebidos conforme atualizações.Sua divulgação está garantida.Bjs

Elcimar Reis disse...

ADOREI eles ficam lindos. Gostei mais do último, mais simples. Minha cara. ADOREI :3

Acesso Permitido~~ Blog.~~
Elcimar Reis ~*

♡ iza ♡♡ disse...

eu tava procurando um tuto desse, agora achei :3
muito obrigada !

Unknown disse...

estouuu tt seguindoo segue de volta??


alinepriscila.blogspot.com

bjkkksss da aline...

Carol Souza disse...

Quero me afiliar!

Anônimo disse...

Ainw *-* Ótimo tuto ^^
Depois vou tentar fazer :33

Não sei se chegou conhecer '' O brilho das estrelas '' então eu fiquei uns meses sem postar nele aí quando voltei agora deu problema :(
Então tive que fazer outro blog (:
Então se não for nenhuum encomodo
poderia segui-ló ??

Mil beeijoos (:

http://pensamento-jhenny.blogspot.com.br/

Vicky ♡ disse...

Que lindos, mas eu não usaria *---*
Não combina com o meu blog, mas achei bem criativo!

Bjs
garotas-cupcakes.com

✖~ Nakashita Beel disse...

hmm legal gostei mt rsrs
segue d volta pfv?
http://souotomeecomorgullhoo.blogspot.com.br/

Camila disse...

Amei a dica!
www.golden-mila.blogspot.com