O fim?
Então tortinhas de cereja, como eu disse no último post, o The Ting Teens acabou. Foi criado o Viih's Place, que se acabou também. Depois dele criei o Sweet Poison, que está 'on' até agora. Lá eu estou postando tutoriais, downloads, dicas e coisas do tipo. Bom, eu não contei porque exatamente acabei com o TTT, e vou ficar sem contar. Voltando à parte dos assuntos do Sweet Poison: Aqueles assuntos teens estão me fazendo muita falta, sério mesmo. Gente, MUITO OBRIGADA pelos cliques no 'Participar deste site', pelos comentários ♥ e por tudo mais.
Adeus, queridas, quem sabe um dia eu volte.
VISITE O SWEET POISON

12 de mar de 2011

Caixinha de busca no cabeçalho do blog!

Olá leitoras! Hoje vocês vão aprender a colocar a caixa de busca no cabeçalho do blog. Fica bem legal, eu só não coloco aqui no blog porque não cabe nesse cabeçalho atual, mas veja o cabeçalho do blog Menina Nerd

Quer aprender a fazer isso? Clique em Leia +!


Quero lembrar que esse tutorial pode não funcionar em todos os templates, mas funciona no Travel e na maioria dos modelos.
Antes de começar, faça um backup do seu template e faça o teste em um blog de testes e só depois em seu blog principal.
-*-*-*-*-*-*-*-*-*-*-*-*-Tutorial -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
Entre no painel do Blogger e na aba Design, clique em Editar html. Marque a caixa expandir modelos de widgets e procure por /* ----- HEADER ----- */ ou #header-wrapper (É por isso que é necessário fazer o backup, porque senão você pode ficar sem cabeçalho!).
Copie o código abaixo e cole ANTES do código do cabeçalho (header):

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

Se você quiser, pode subistituir as partes em verde por outra palavra, como pesquise, procure, ou outras, mas para isso você tem que colocar a mesma palavra em todas partes e também nas partes em verde do próximo código:
Procure agora por <div id='header-wrapper'>e cole logo abaixo o código de busca:
<div id='busca'>
<form action='/search' id='searchthis' method='get' style='margin:0;padding:0;display:inline;'><input id='search-box' name='q' onblur='clickrecall(this,&apos;Pesquisar&apos;)' onclick='clickclear(this, &apos;Busca&apos;)' size='20' style='color: #999;' type='text' value='Pesquisar '/> <input id='search-btn' type='submit' value='Busca'/></form> </div>

Clique em Visualizar, e se estiver tudo certinho, salve.

Um comentário:

  1. Ola muito Obrigado ja estava procurando por esse opçao de busca faz um tenpo meuto facil e pratico

    ResponderExcluir

Regras
*Não xingue nem desvalorize o trabalho da equipe;
*Não use palavrões.
*Coloque o link do seu blog para fazermos uma visitinha!