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:

Larissa 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

_Emmy-Chan disse...

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

Obrigado pela tua visita em meu blog ♥

blog-the-memories.blogspot.com

Letícia Carolina disse...

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

Segredos de Amigas 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 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/

Super Caprichada //Oficial by bianca 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 !!

Laura Brückner disse...

AAwn que fofoss *o*

Panmella Sarmento disse...

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

http://www.perfumesdapam.com/

Backlash 7 disse...

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

Senhorita Pequena 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 (AndyReis) disse...

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

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

bells disse...

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

aline priscila disse...

estouuu tt seguindoo segue de volta??


alinepriscila.blogspot.com

bjkkksss da aline...

Carol disse...

Quero me afiliar!

Jhennyfer :3 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 Suzuko 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