segunda-feira, 24 de junho de 2013

Como colocar faixas nos títulos dos gadgets


Olá! Hoje trouxe um tutorial super fácil de como colocar faixas no título dos gadgets! Clica em saber mais...




Vá em: Design - Editar HTML e procure por:
/* Mobile

Se não der tente por body.mobile.

Antes dessa tag, cole o seguinte código:
.sidebar .widget h2{
background: url(LINK DA SUA FAIXINHA) no-repeat left;
margin-top:-2px;
margin-left:-19px;
margin-bottom:0px;
padding:15px;
width:150%;
overflow:hidden;
}
  

   Basta substituir o local indicado!
E agora, algumas faixas:



      

                                                                                                                                              

Espero que tenha sido útil, bjos!! *-*


                                  


31 comentários:

  1. adorei parabens ><

    tudosobrepetparty.blogspot.com.br

    ResponderEliminar
  2. Adorei, eu já sabia como utilizar, mas salvei todas as faixinhas. Beijos e estou te seguindo, segue de volta?

    ericagirlfashion.blogspot.com

    ResponderEliminar
  3. Oi tem uma tag lá no meu para você! http://diario-sem-cadeado19.blogspot.com.br/2013/06/tag-conjuge-literario.html

    ResponderEliminar
  4. eu ja conhecia o tutorial mais adorei as faixinhas

    cherrycharming2.blogspot.com.br

    ResponderEliminar
  5. Ótimo post! Primeiro tuto sobre caixinhas que deu certo para mim, muito obrigada!
    http://nadaquenaoadora.blogspot.com.br/

    ResponderEliminar
    Respostas
    1. Ainda bem!!!! Gosto de saber que este tuto funciona em vários blogs!! ^-^

      Eliminar
  6. Ficou muito muito bom!!! Obrigada linda!
    rebeccaleite.blogspot.com.br

    ResponderEliminar
  7. Como que eu ponho as letras bem certinhas dentro da faixa?

    ResponderEliminar
    Respostas
    1. Isso deveria ser automatico flor...Bom, neste caso, vai ter que alterar o tipo de letra e o tamanho no codigo ;)

      Eliminar
  8. Bem bacana me ajudou bastante, parabéns pelo blog :)

    ResponderEliminar
  9. com consigo url das faixas??
    http://sonhosemilia.blogspot.com

    ResponderEliminar
    Respostas
    1. Clique no botao direito do rato, e selecione "copiar url de imagem "

      Eliminar
  10. Oie!! Adorei seu Blog e já estou seguindo!
    Estou com um pequeno problema, tipo eu coloco o código tudo certinho, porém quando vou em visualizar para ver se estar tudo certinho, não aparece nenhuma mudança :(
    Será que estou errando em alguma coisa?

    ResponderEliminar
    Respostas
    1. Talvez não se adapte ao seu lay :c Mas vou-lhe mostrar maneiras mais fáceis de pôr um gadget bonito, talvez goste! :

      http://blogdasmeninasfixes.blogspot.pt/2013/11/titulos-dos-gadgets-personalizados-2.html#more

      http://blogdasmeninasfixes.blogspot.pt/2014/02/gadget-personalizado-3.html#more

      Eliminar
  11. Nossa voce foi a unica que me ajudou!!! Ganhou mais uma seguidora.

    Obrigada!!! Abraços, Srta Paloma.

    http://blogdasrtapaloma.blogspot.com.br/

    ResponderEliminar
    Respostas
    1. Sempre aqui para ajudar, obrigada por comentar e por seguir o B.M ^-^

      Eliminar
  12. muito bom esse tutorial! agora me tira uma duvida, como faço pra por nos gadgets inferiores, pois só funcionou para os laterais

    ResponderEliminar
    Respostas
    1. Obrigada :) Temo em dizer que não sei responder à sua pergunta, apenas sei como colocar nas laterais, mas pode sempre procurar uma coisa parecida aqui no blog ;)

      Eliminar
  13. eba valeu me ajudou muito, se quiser da uma passada no meu blog pra ver
    http://cincovermelho.blogspot.com.br/

    ResponderEliminar
  14. Olá, tudo bem? No meu não aparece o /* Mobile e nem o body.mobile, poderia me ajudar? Beijos :*

    ResponderEliminar
    Respostas
    1. Olá! Peço desculpa pela demora, já não atualizo o blog há bastante tempo. O código deve estar desatualizado devido às alterações das opções dos layout aqui do blogger. Mas se quiser outra alternativa muito mais simples é só pesquisar na opção acima "Goodies" ou nos "toturiais"! :))

      Eliminar