27/01/2012

4

Caixa de pesquisa personalizada

    Kawaii World  Oi meninas Mini gif 198  vocês viram o novo template do Blog ?  bom eu amei :)  o que vocês acharam ?  comentem :) bom e hoje depois de alguns tempinhos em reformas  vim com uma postagem super legal de colocar a caixinha de pesquisa personalizada, igual aqui do blog 
então veja como ela vai ficar se personalizar ;
                         


  


                                    Clique em Leia Mais para ver o tutorial  
               Vá em design 
               Adicionar um Gadget 
               htmL/javascript 
               E cole o código a seguir E não faça NENHUMA  alteração 


       <form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>

           Vá de novo em Design
           Editar HTML 
             Dê CTRL+F e  procure por :       ]]></b:skin>
             Cole logo ACIMA o seguinte código , fazendo as alterações desejadas

            .search{
float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */
font-family: TahomaTahoma; /* Fonte */
}
.searchbar{
height: 20px;
width: 140px;
color: #FF82AB; /* Cor da fonte  */
-moz-border-radius: 6px;-webkit-border-radius: 6px;-goog-ms-border-radius: 6px;background: #FFF; /* Cor de fundo da parte onde escrevemos */
}
.searchbut{
background: url('http://i39.tinypic.com/25ezh8z.png'); /* Link da imagem do botão de pesquisar*/
width:30px;
height:30px;
border: 0;
padding:7px;
}



         

      é isso gente, espero que tenham gostado :)  

         
              Gente depois que acabarem minhas férias :/ vai ter uma surpresa  para vocês :)


           Hoje tem os blogs que eu aprovo :)


                     Jackie Dream 
                    Portal Teen
               My drean
                Brilho Gifs
               Prefiro Rosa chiclete
         
             
                                                  

4 comentários:

  1. Oii,então,acho que esqueceu de mim *-*
    Ai estava procurando um tuto assim! Vou deixar para um outro layoult!
    Beijos
    http://sweetstarblog.blogspot.com/

    ResponderExcluir
  2. uma dica!
    coloque fotos nos começos de posts,vc ganha mais visitas e comentarios,e deixa mais bonito,entra aqui: http://weheartit.com/

    em muitas imagens legais e bonitas!

    tchau"

    ResponderExcluir
  3. I god lindo aqui! Retribuindo a visitinha! seguindo aquiiii \o/
    >>http://swettystar.blogspot.com/<<

    ResponderExcluir
  4. linda,passa la?
    www.yesteens2.blogspot.com
    amei aqui!

    ResponderExcluir

Podem comentar a vontade , qualquer dúvida leia as coisinhas abaixo

Não seja mal educado
Respondo todos os comentários
Só aceito comentários falando do post

Enfim alguns símbolos para copiar e colar . Não se esqueça de deixar o link de seu blog para que eu possa vê-lo

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡