25/12/2012

Colocar faixinha no título do Gadget - Simples



Boa noite denovo -q

Bom, eu andei pesquisando tutoriais de como colocar faixinha no titulo do gadget de um modo
mais siimples, sem usar códigos de HTML. E EU ACHEEEI  u__u
Sério, eu achei :)

Quer conferir? Clica em leia mais !


Pra começar:

Vá no seu layout  Adicionar um Gadget Gadget  HTML/Java Script 

E nele cole :

<style>
.sidebar h2 {
font-family: Verdana; /*Nome da fonte*/
font-size: 17px; /*Tamanho da fonte*/
color: #fff; /*Cor da fonte*/
background: url(URL DA IMAGEM) no-repeat center; /*Sua faixa e posição*/
height: 25px;/*Al
tura da imagem*/
width: 300px; /*Largura da imagem*/
text-align: center; /*Alinhamento do texto*/
margin-top:-5px;
margin-left:-9px ;
margin-bottom:10px ;
text-shadow:0 2px #616061 ;
padding:5px;
width:112%; }
}
</style>



O código é ótiimo, já deixa o título do seu gadget centralizado.
E onde tem o nome URL DA IMAGEM, você substitui pelo URL da sua faixinha escolhida :)
E lembrando que se sua faixinha ficar desalinhada, é só você ajustar
em margin-left


Você  pode escolher algumas faixinhas aqui :)

Créditos: (www)

4 comentários:

  1. Esse tuto é super útil, deixa o blog mais bonito e moderno (?) seilá,mas deixa um toque especial!
    Acho que no próximo lay, eu uso ;)
    Bjs linda!
    Sonhos de Mel
    -M

    ResponderExcluir
    Respostas
    1. Concerteza! Eu amei esse tuto, pq é
      um geiito bem mais fácil de colocar a
      faixinha :))

      kissus o3o

      Excluir
  2. Não consegui colocar a faixinha mas a letra sim =(

    ResponderExcluir
  3. Adorei o tutorial . Vou usar ele no meu próximo layout ! Beijooosss

    By: Sarah Vitória
    Blog: atual-sempre.blogspot.com.br

    ResponderExcluir