27 de fev. de 2013

Caixa de pesquisa personalizada



Hey fofos ! Me desculpem por não postar por quase 1 semana, é que andou dando uns problemas aqui em casa... ^^ Bem, os vencedores do game já estão no Blogroll ! Confiram ¬.¬ 
Hoje resolvi postar um tuto. O segundo do blog \õ/
Quer ver ? pra isso tem que ler mais haha !

₢omo colocar a caixa de pesquisa personalizada no blog 
Desse jeito dá até para substituir aquele botão feio por uma imagem fofa !

Vá em Designer -> layout -> adicionar HTML/ JAVASCRIPT e nele cole :

<form action="/search" class="search" method="get"><input class="searchbar" id="s" name="q" placeholder='Digite o que procura' type="text" value="" /><input class="searchbut" type="submit" value="" /></form>
Substitua a frase em roxo pela frase que quiser ( se quiser deixar, tudo bem.. )

Agora, vá lá no seu HTML ( Designer -> Modelo -> Editar HTML )  -> abra a caixa de pesquisa ( CTRL + F ) , procure por ]]></b:skin> e cole ACIMA  :

.search{float: left;font-family: Century Gothic !important; /* Fonte do campo de texto*/}.searchbar{height: 20px; /*Altura da caixa*/width: 190px; /*largura da caixa*/border-radius:15px;background:#fff;text-align:center;color:#ff048c !important; /*cor do texto*/font: 12px Century Gothic !important; /*fonte do texto*/}.searchbut{background: url('Url da imagem do botão');width:30px; /*Largura do botão*/height:30px; /*altura do botão*/border: 0;padding:7px;}

 Aí no código já está tudo explicadinho. Agora, é só fazer as edições, visualizar e salvar ! Facil, não ?

Creditos : Cherry Bomb ( cherry-liah.blogspot.com.br )

Gostaram ? Espero que usem ! Beijinhos !

Ah, e por favor, podiam visitar o meu blog e da minha amiga ? eu não vou abandonar aqui por causa dele NUNCA !  Obrigada ! Link : Click !

19 comentários:

  1. amei esse tutorial
    beijokas
    Once Upon a Time -perfil

    ResponderExcluir
  2. Oi!

    Obrigada pela visita, adorei!

    Faça o bolinho sim é uma deliciiaa! :)

    Adorei seu blog, muito lindo

    Beijos

    ResponderExcluir
  3. oii amei tudo aquii !
    vem conhecer meu blog tudo relacionado a maquiagem com dicas, truques e tutoriais
    se seguir, sigo de volta ;)
    www.teublogdemaquiagem.blogspot.com.br
    beijos

    ResponderExcluir
    Respostas
    1. Obrigadinha pela visita, vou dar uma olhadinha no seu bloguito ;)

      Excluir
  4. Adorei o tuto *-* Vou tentar depois (preciso achar uma imagem legal) *-*

    Adolecentro

    ResponderExcluir
  5. Belo tutorial chuchu. (:

    blogchuvasdenovembro.blogspot.com

    ResponderExcluir
  6. Acho lindo, já tenho até no meu blog. Adorei o tuto!

    @paraisodemenina
    http://paraisodemenina.blogspot.com/

    ResponderExcluir
  7. Que dica ótima, adorei o tutorial!
    Obrigado pela visitinha, já estou seguindo seu cantinho, fico muito honrada se puder retribuir!
    Beijos
    http://www.garotasligadascom.blogspot.com.br

    ResponderExcluir
  8. Awwwn, amei seu blog! <33 Muito lindo aqui ♥
    Parabéns por ter um blog tão lindo e com um conteúdo maravilhoso! Parabéns mesmo :D
    HAHAHAH, amei o post, amo caixas de pesquisas! Servem pra muita coisa hoho *U* continue assim linda, você merece muito sucesso >.< Beijooos

    \õ seguindo! - Se gostar segue o blogTentando Esquecer (BLOG) e se quiser ajudar Curta a nossa FANPAGE

    Ficarei muito feliz pela sua ajuda! <33 beijos e fique com Deus ♥, Até maiis...

    ResponderExcluir
  9. aa adoorei o tutorial querida bacana
    http://rennataferreira.blogspot.com.br/

    ResponderExcluir
  10. Oi! Retornei ontem ao meu blog, então, gostaria de convidar algumas das autoras de blogs para participar do sorteio que já está rolando! > migre.me/duFzz
    Lembrando que, tem que curtir as fanpages, compartilhar a foto, e acompanhar o blog Dona Clarita por e-mail... Tá tudo explicadinho ali no link =) Beijo grande!
    modaglaam.blogspot.com.br

    ResponderExcluir

Vai comentar ? Que bom, me deixa muito feliz :) Mas antes :

* Não ofenda ninguém.

* Comente sobre a POSTAGEM, ler não faz ficar com câncer.

* Não aceito "Seguindo, segue de volta ? " e outros comentários que estão na FAQ.

* Não utilize palavras de baixo calão.

Obrigada *--*