quinta-feira, 9 de maio de 2013

Barrinha fixa no blog (atualizado)

Oi *u*

Vou ensinar a vocês como colocar uma barrinha fixa no blog, que fica muito lindoo! :)


Barrinha fixa é aquela barrinha, que também pode ser cortininha, e fica do lado, acima, ou até mesmo embaixo, mostrarei alguns exemplos de cortininhas aqui ^^ 
Se não souber ainda o que é barrinha fixa, veja um exemplo:


Caso não consiga ver, mas esta barrinha substituiu a navbar, quer saber como colocar? É simples!
Vá no HTML do blog, dê CTRL + F na caixinha do HTML e procure por:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Depois cole abaixo dela isto:

<div style=" background-image: url('URL DA BARRINHA'); bottom: 0px; left: 0px; width: 100%; height: 35px; z-index: 100; position: fixed;"></div>

 Se você quer que substitua o rodapé do blog, ou seja, que fique abaixo.

Se você quer que substitua a navbar, que fique acima, cole isto:

<div style=" background-image: url('URL DA BARRINHA'); top: 0px; top: 0px; width: 35px; height:100%; z-index: 100; position: fixed;"></div>
Se você quer que nada substitua, que apenas fique ao lado direito, cole isto:

<div style=" background-image: url('URL DA BARRINHA'); right: 0px; top: 0px; width: 35px; height:100%; z-index: 100; position: fixed;"></div>
Já o lado esquerdo...

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

Pronto, é super fácil depois que se aprende, rs, na minha opinião fica bem fofinho, e é muito bom para os banners que possuem a parte de cima maior, daí a barrinha é tipo uma franja, rs.
Ah, umas barrinhas fofas e os créditos:

image

image

image

image
Teenagers Place
Make Banner
Revolution HTML

Se precisar de mais barrinhas, Clique aqui.

Beijoos! :)

Um comentário:

  1. O blog é novo né? rs ><
    Adorei. quer ser meu parceiro? responda por comentário. Beijinhos!

    ChoicesWorld.blogspot.com

    ResponderExcluir