Tutorial - Como deixar os títulos Gadgets iguais.

10:00



Há muito tempo o Acesso Permitido não posta um tutorial certo? Pois bem isso iria permanecer assim se não fosse pelo pedido da Ester Santana. Ela me perguntou se eu poderia fazer um tutorial explicando como fiz para colocar o nome dos Gadgets dentro desse retângulo...

O tutorial é muito simples, basta aplicar um código HTML e depois escrever o nome do Gadget dentro dos códigos... Vamos ao tutorial...


Tutorial

Vá em Modelo - Editar HTML - Ctrl F e pesquise.. ]]></b:skin>
Acima desse código cole o código que está abaixo...

h3 {
margin: 2px;
padding: 5px;
background-color:#FFF8DC;
color: black;
font: italic Molengo;
font-size: 13px;
border-radius: 5px;
text-align: center;
margin-left: 2px;
}

Alterações...
*O que está de vermelho é a cor do background, ou seja, você pode alterá-lo de acordo com a cor do seu layout.
*O que está de laranja é a cor da fonte do texto
*O que está de verde é a fonte do texto.

O código já está adicionado, agora o segundo passo é adicionar esse código e fazer a suas alterações..
<h3>Escreva aqui.</h3>
Adicione o Gadget HTML/ JavaScript e cole o código acima, escreva o que quiser.
Dica.:O efeito pode ser aplicado tanto nos Gadgets como nos posts...

Acesso Permitido..

Você também pode gostar:

Comentários
29 Comentários

29 mil comentários

  1. Eu coloquei o codigo no html, os titulos dos gadgets ficaram coloridos, mas o titulo do post também ficou colorido, como eu faço para o titulo do post não ficar colorido? (faz um comentario no meu blog)

    http://cravos-e-rosas.blogspot.com.br/

    ResponderExcluir
  2. eu esqueci de perguntar: Como eu faço para mudar a fonte e a cor do titulo dos gadgets que estão dentro desse retangulo?

    http://cravos-e-rosas.blogspot.com.br/

    ResponderExcluir
  3. Oi Andy,
    Adorei o post! Muito bem explicadinho.
    Eu só não faço looks masculinos pq tenho 3 queridos, queridíssimos, seguidores: vc, meu marido e o Paulo. Acho que os homens não gostam de mim!
    :(
    Beijos 1000 e uma ótima semana para vc.

    www.gosto-disto.com

    ResponderExcluir
  4. Ótimo tutorial, gosto muito !
    Beeeeeijos ;*
    http://sooulteen.blogspot.com.br/

    ResponderExcluir
  5. Ainda bem quem tem gente que não se importa de ensinar os que estão começando agora... parabens pelo tutorial!!!

    http://caraguabeach.blogspot.com.br/

    seguindote. =)

    ResponderExcluir
  6. LEgal, adorei o tutorial
    Vou fazer um tutorial de como fazer aquela enquete, a pedido de voc ok?
    www.coisasdemenina-vicky.blogspot.com

    ResponderExcluir
    Respostas
    1. Wowwwo muito obrigado por ter atendido meu pedido tão rapidamente, vou usá-la no AGIR amanhã! Obrigado! ^^

      http://acessopermitidoblog.blogspot.com.br/

      Excluir
  7. Curti o tutorial,parece fácil de fazer *---*
    http://desconstruindoaspalavras.blogspot.com.br/

    ResponderExcluir
  8. Aiiwn que legal adoreeei o tutorial é bem útil e o resuktado é lindo e adorei o blog beijos *-*
    http://www.pdisturbia.com/

    ResponderExcluir
  9. Ótimo tutorial, pena que só vi ele agora ): quando estava mudando meu layout queria algo parecido, mas agora mudei e n precisa mais =[

    Seguindo aqui, seu layou esta um arraso! Muito meesmo <3


    http://estrelassistematicas.blogspot.com.br/

    ResponderExcluir
  10. Amei o tutorial,arrasou !

    http://trethy.blogspot.com.br/

    ResponderExcluir
  11. Gosto de fazer assim, por imagem fica mais complicado -.-
    http://pinkpimenta.blogspot.com.br/

    ResponderExcluir
  12. Aaah seu blog é tudo, esotu seguindo. Dá uma passadinha no meu? Se gostar, pode seguir ?? OBG !!

    http://sweet-flower-laura.blogspot.com.br/

    ResponderExcluir
  13. Ah cara, achei super fácil! É bonito porque não fica aquele jeito simplesinho, e não é difícil!

    Beeijos!
    http://pos-florescer.blogspot.com.br/

    ResponderExcluir
  14. Muito bom o tutorial! Mas eu prefiro usar imagens no lugar dos títulos, mas foi ótimo.
    Muito obrigada por ter comentado no meu blog! Ficou super honrada.
    Visita? Comenta? Segue?www.batomdeframboesa.blogspot.comBeijos e Sucesso.

    ResponderExcluir
  15. Oie fofa *------*

    Ótimo tutorial nhaw

    Bjonas e fique com Deus ♥

    Camilla Martins - http://sugar-dance.org

    ResponderExcluir
  16. Esse é um tutorial simples mas que requer bastante atenção.

    ResponderExcluir
  17. Oii, eu de novo hehe. Então, o que você comentou no blog tem razão. É que eu esqueci de falar que comentar também mostra interesse pelo blog e pelo conteúdo. Como eu disse, os três primeiros que comentar vão ganhar divulgação no próximo post. Você foi o primeiro, então no próximo post você vai ganhar divulgação. - (:
    Visita? www.batomdeframboesa.blogspot.com

    ResponderExcluir
  18. Oii, eu de novo hehe. Então, o que você comentou no blog tem razão. É que eu esqueci de falar que comentar também mostra interesse pelo blog e pelo conteúdo. Como eu disse, os três primeiros que comentar vão ganhar divulgação no próximo post. Você foi o primeiro, então no próximo post você vai ganhar divulgação. - (:
    Visita? www.batomdeframboesa.blogspot.com

    ResponderExcluir
  19. Nossa eu pensei que fosse mais complicado rs, o melhor é que o resultado é lindo!!!*-*
    http://themudancas.tk/

    ResponderExcluir
  20. Oi fofo seu blog to seguindo segui o meu tbm é www.coisinhasdalaize.blogspot.com

    ResponderExcluir
  21. super fácil mesmo, o meu não precisa, mas como não fui eu que fiz meu layout eu nem sabia como fazia hahaha

    ja postei o photo diary de hoje, ja viu?
    beijos
    http://fofocaseguloseimas.blogspot.com.br/2012/04/photo-diary.html

    ResponderExcluir
  22. Gostei do tutorial, encaixou com seu layout.

    Talita,
    www.meninasdaliberdade.blogspot.com.br

    ResponderExcluir
  23. Legal! Adorei os seus posts!Conhecendo e seguindo!
    Posso contar com sua visita ao meu blog! Venha tentar a sorte, tem sorteios rolando por lá!
    http://rosanautas.blogspot.com.br/

    ResponderExcluir

Já curtiu?

+ Lidas