Tutorial - Como colocar uma barra fixa no seu blog.


O tutorial de início é bem simples, no tutorial simples é possível colocar a barrinha e o background dela, a barra fixa fica lindo do mesmo jeito! Vamos lá?

Para continuar ler clique em "Ler mais..."



Quais as vantagens de se ter essa barrinha?

Essa barrinha, pode ajudar a corrigir aquele erro de Background e Cabeçalho que todo mundo odeia! Além de ser bonito para seu layout, o deixar limpo e sem defeito. E você pode como disse mudar o background da barrinha sempre que quiser, quando for trocar de layout!

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 e ache algo semelhante a ela.

2º 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á está pela "URL DO PATTERN" que você quer que seja o background da barra. E onde está escrito (40px) você coloca a altura da barra.
Obs.: Os patterns você pode usar os que estão neste link AQUI*, e antes de salvar, visualize e veja se está tudo certinho. E simples assim, seu blog está com um cara diferente!

2 comentários:

  1. Excelente dica. Funcionou direitinho no meu blog. Parabéns!

    ResponderExcluir
    Respostas
    1. Obrigada! Que bom que funcionou direitinho! *-*

      Excluir
:) :( ;) :D :-/ :P :-O X(
:7 B-) :-S :(( :)) :| :-B ~X(
L-) (:| =D7 @-) :-w 7:P \m/ :-q :-bd

Antes de comentar leia:

• Muito obrigada por estar comentando
• Retribuo a todos portanto deixe sua Url (exemplo: <*a *href*= "___"*>Nome do Blog ou Site<*/a*>) <- Sem os * (asteriscos)
• Proibido Palavrões e Xingamentos será banido comentário!
NÃO aceito mais Divulgação no Facebook!
• Aceito Parceria aqui no Blog
• Se for copiar e colar no seu blog me avise e coloque o meu devido créditos
-> Obrigada ;*