Inscrever-se para atualizações grátis!

Inserir Caixa de Busca ao lado do cabeçalho do blog

Caixa de busca no cabeçalho

Vocês já devem ter visto que alguns blogs possui uma caixa de busca no topo, ao lado do cabeçalho do blog. Então hoje irei ensinar a colocar uma caixa de busca no topo do blog.

Exemplo:


Teste a pesquisa no site/blog
Pra colocar a caixa de busca vamos precisar acrescentar alguns códigos no HTM do Blog.

Primeiro vá no painel de edição do seu blog, depois vá em Modelo >>> em Editar HTML  >> e em Prosseguir.

Agora você vai usar as teclas de pesquisa Ctrl + F para lhe ajudar a procurar esse Tag no HTML

]]></b:skin>


Quando localizar o Tag, Antes dele você vai acrescentar esse código CSS:

/* ----- Busca ----- */

#busca{
width:auto;
height:auto;
z-index:1;
position: absolute;
top: 50px;
left: 660px;
}

E agora procure esse outro segundo Tag: 
</header>

A baixo dele acrescente esse código:

<div id='busca'><form action='/search' id='searchform' method='get' style='display:inline;'><input id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value='Buscar'/></form></div>

Prontinho, agora é só clicar em Visualizar e vê se você fez tudo certo, e Salve.

Ajuste a localização da Caixa de busca

No primeiro código, a parte que eu destaquei em Vermelho: 50px é a distancia em que ficará a caixa de busca no topo.
E a parte que está destacado em cor azul 660px é para deslocar a caixa de busca para esquerda ou para direita.


Como criar páginas no seu blog


Para que está iniciando suas atividades no blogger esta video aula é muito impotante pois, ela irá  te ajudar muito.
Com esta aula você vai aprender facilmente como criar e organizar suas páginas do blogger (blogspot), personalizando seu blog para deixar ele com uma aparência legal e muito bonita e alem de agilizar suas pesquisas e navegação.

Visite nosso canal do youtube:

Como criar um blog no blogspot



Como criar o blog no blogspot facilmente e para possa postar divulgar seus videos imagens
Acessem nosso canal do Youtube:

Link do canal

Adicionar numeração de páginas no blogger

 Numeração de páginas do blogger 
(Blogspot)

1º passo  - vá em Layout

2º passo - Click em " Adicionar um Gadget"

3º passo - Click em " HTML/JavaScript"

4º passo - cole o código na caixa de texto e salve.

Obs: não precisa colocar titulo
Prontinho!!!



Ultilize o código acima para numerar suas páginas do blogger (blogspot) personalizando seu blog para ter mais agilidade em suas pesquisas e navegação nos demais conteúdos de suas páginas.

Veja um exemplo abaixo: