19 de jan de 2013

Como usar barrinha (pattern) no topo do blog



Olá!

Completamos a meta de 65 seguidores!! Obrigada!! Quando chegarmos a 100, vocês ganharão um big prêmio!! 

Como prometido, trouxe um tuto ensinando a colocar aquelas barrinhas no topo do blog! Fica super fofo, além de ser também um charme no blog! Quando postei umas barrinhas coloridas há uns dois dias acho, uma leitora disse que também acha bonitinho, mas que não sabe usar, por isso, hoje estou trazendo o tuto! =D



Vá em seu HTML, dê um F3 e procure por:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

( se não achar, procure por <body> )

Embaixo disso, cole o código abaixo:

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

Explicando:

Na parte URL DE SEU PATTERN, cole a url da barrinha que você escolheu. E na parte em rosa, se quiser que a barrinha role com a página, deixe assim mesmo. Se quiser que a barrinha fique fixa no topo e não role com a página, substitua fixed por absolute. Fácil, não é?

Se quiser barrinhas coloridas, clique aqui.

Espero ter ajudado!

Beijoos





6 comentários:

  1. Oiee moree adoreii o tuto *--* bem útil ganhou uma seguidora nova ><

    faz uma visitinha,abri esse blog hoje ><
    http://forever-teens-89.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Owwn flor, obrigada por seguir e gostar do tuto!! c:

      Visito siim!

      Excluir
  2. Super divo, já usei um tuto parecido... que se chamava ´´ faixinha fixa´´ eu não recomendo o faixinha fixa porque depois eu não consegui tirar ://
    mas esse tuto é ótimo eu mesma testei (:
    luaentreestrelas.blogspot.com.br

    ResponderExcluir
  3. Eu já usei e ficava lindo.
    -------------------
    Passa lá no meu blog?
    mei-meninasemnocao.blogspot.com

    ResponderExcluir

Heey!! Se quiserem deixar o seu comentário, leia PLEASE aqui embaixo:

*Não xingue ninguém aqui! Seja educada(o)!
* Dúvidas, elogios e críticas são sempre bem-vindas!
* Leia toda a postagem, pois sempre faço com muito esforço e carinho pra vocês!
*Vou até o perfil de vocês para visitar e talvez até seguir o seu blog!

Obrigada por comentar!

Volte Sempre!