Tutorial: Colocando Gadget no cabeçalho

Oi gente tudo bem? Estou meio sumida, desculpem ok?
Tumblr_m9ahgbw0fj1qeo03no1_500_large 
Hoje vou trazer um tutorial que achei no Things to You!
Então créditos, vamos lá?
Bem o resultado é esse:

Nessas áreas destacadas de vermelho eu ponho um simples gadget alinhado ao meu cabeçalho. É bem fácil e rápido... É só seguir os passos abaixo:


1. Abra seu blog :: Vá em Design :: Elemento de Página.
   2. Click em adicionar gadget :: HTML/Javascript.
   3. Você pode elevar o que quiser ao cabeçalho, como a Paloma que eleva uma caixa de pesquisa, vou usar um código de caixa de pesquisa para demostra esse tutorial. 
   4. Você vai fazer assim. Pegue esse código : <div class="topo">, e cole. agora pegue o código da caixa de pequisa e cole também. Vai faca dessa forma:
<div class="topo">CÓDIGO DA CAIXA DE PESQUISA</div>
   5. Ao final do código da caixa de pesquisa acrescente uma </div>.
   6. Agora vá em Editar html é procure por]]></b:skin>
   7. Cole acima o seguinte código:
.topo {

position: absolute;
z-index: 4;
width: 250px; /* LARGURA */
height: auto;
left: 60px;
top: 8px;
}

   8. Nas partes destacadas de negrito, você vai ajusta como melhor sua caixa de pesquisa se encaixar melhor no seu cabeçalho. Depois de ajustada, sua caixa de pesquisa vai esta pronta.

P.S : Você pode elevar qualquer gadget!

Bem...por hoje é só espero que tenham gostado! Kissus da Jéssy

11 comentários:

  1. Bem útil, vou usar no meu próximo layout.
    beijos

    Vodka&Coca

    ResponderExcluir
  2. Oi flor,tá tendo concurso lá no meu blog Amizade de Menina,o concurso se chama Blog aprovado,participa?
    Bjos
    Aviso: (Não estou colocando o endereço do meu blog pq agora o google esta excluindo blogs)
    Para vc entrar no meu blog,clique em meu nome do comentário e vá no meu perfil e clique em Amizade de Menina

    ResponderExcluir
  3. muito bom esse tuto , já conhecia , mas voce explicou melhor ... vou usar no próximo lay do meu blog ! beijos .

    livein-paris . blogspot . com (novo nome , pode dar uma olhada e seguir se gostar ?)

    ResponderExcluir
    Respostas
    1. com certeza flor. obrigada

      Excluir
  4. Que legal o tutorial. Não conhecia.
    Vi que voce ta usando o menu de abas *----* Fico feliz que tenha gostado do tutorial!
    Beijos
    I Dont Care

    ResponderExcluir
  5. Este comentário foi removido pelo autor.

    ResponderExcluir
  6. Nossa, tava precisando disso aqui *o* Você sabe me dizer se dá pra colocar dois gadgets ou mais no cabeçalho com esse tuto? beijoos *-*

    *TudyTeen*

    ResponderExcluir
    Respostas
    1. sim da sim! pelo que pesquisei, é do mesmo geito que coloca apenas um!

      Excluir

Hooy peoples, quem quiser comentar é só clicar na caixa aqui em baixo !!
Pode falar palavrão sim, eu falo pacas, é bonito?? Nãaaao!!! kkkkk
Só não escrevam "seguindo, seguem de volta"
Eu visitarei seu blog, e se gostar seguirei por conta propria.

Agora podem comentar kkk