• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

3 de setembro de 2012

Cortininha no blog + Cortininhas e Patterns

Tumblr_m90ix8topv1rw6mzwo1_1280_large

Hooý gente, hoje trouxe para vocês um tutorial de como colocar cortininha no blog como essa aqui, além de deixar seu blog super cute, a cortininha ainda tem a vantagem de corrigir aquele erro de Background e Cabeçalho que todo mundo odeia! 

Você pode mudar o background da barrinha sempre que quiser, quando for trocar de lay!


                                           Como colocar a barrinha no topo?

1º- Vá em Design > Editar HTML > Aperte Ctrl + F e pesquise por:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Caso não a encontre, procure por <body> e ache algo semelhante a ela.


ABAIXO do código encontrado você cola este aqui:

<div style=" background-image: url('URL DO PATTERN'); top: 0px; left: 0px; width: 100%; height:40px; z-index: 100; position: fixed;"></div> 

Modifique o que está em NEGRITO pela Url da imagem que você quer que seja o background da barra.  E onde está de vermelho (40px) você coloca a altura da barra. 

Agora como prometido, as cortininhas e patterns:

 
 
 
Image Hosted by ImageShack.us


















     
     
    
    
    
    
    
  

Espero que tenham gostado. Inté a próxima pessoar, rs'

Bjoon


9 comentários:

  1. Ótimo tudo, amei as cortinhas e as patterns ^^
    Esse G3 do seu nome é por causa da banda oficina g3? *u* Kissus
    cherry-liah.blogspot.com

    ResponderExcluir
  2. Amei as cortininhas, apesar de eu ainda não saber qual a diferença de cortininha e pattern!!(sou burra)
    Já vou colocar no meu blog, mais antes de tudo em um de teste tem que dar tudo certo!! :D

    layrakauana.blogspot.com

    ResponderExcluir
  3. AAAAWN, TODAS LINDAS, BOTEI O TUTORIAL NO BLOG , BJ
    http://dama--de--ferro.blogspot.com.br/

    ResponderExcluir
  4. Hanna eu tento mais os templates não ficam no meu... me ajuda pf

    ResponderExcluir
  5. Oieee,boa noite!!
    Muito obrigada pelas cortininhas,são todas lindas.
    E preciso dizer: O SEU BLOG É LINDOOOOOOoOoOOoOoOooOoOo ! 0.0
    Sou blogueira também portanto sei como é difícil manter um blog impecável,me preocupo com tudo,até os mínimos detalhes rsrsrs
    Mas você está de parabéns,tudo aqui é agradável,perfeito!

    Quero te propor parceria ao meu blog (se te interessar,claro): http://lilacideas.blogspot.com
    Gostaria muito de uma resposta positiva sua *------*

    Beijo no coração! *-*

    ResponderExcluir
  6. Oi amei seu blog!
    aceita se afiliar?
    se sim comente lá.
    bjs
    Distrações de uma garota

    SEGUI SEU BLOG RETRIBUI??

    ResponderExcluir
  7. lindos,amei,fica muito fofo(nova aqui)obrigada estava a procura do tutorial,kisses :*

    http://animedoqem.blogspot.com.br/

    ResponderExcluir
  8. Depois que eu coloquei a barrinha ficou e a url nao aparece mais, o que houve?

    ResponderExcluir