quarta-feira, 2 de fevereiro de 2011

Sistema de busca personalizado para o blog

Instale um elegante sistema de busca em seu blog, nos tons azul e cinza! Se você tem um template de qualidade, também vai precisar de um buscador de qualidade. Sendo assim, instale este buscador personalizado agora mesmo em seu blog!

Basta copiar o código, ir em "Design" - "Elementos da página" - "Adicionar um gadget" -> 'HTML/Javascript' e cola o código abaixo.


<style type="text/css">

.barra {
background: white;
border:1px solid #EEE;
margin: 0px;
padding: 6px;
}

.buscarcblogger {
background: #BBB url(http://img708.imageshack.us/img708/3258/normalcblogger.png) repeat-x 0px 0px;
border: 1px solid #EEE;
border-bottom-right-radius: 5px 5px;
border-top-right-radius: 5px 5px;
color: #333;
font: normal normal normal 13px/normal 'Lucida Grande', Arial, sans-serif;
font-style: normal;
margin: 0px;
outline-width: 0px;
padding: 6px 12px;
text-shadow: white 0px 1px 0px;
}

.buscarcblogger:hover {
background: #BBB url(http://img828.imageshack.us/img828/3742/emcimacblogger.png) repeat-x 0px 0px;
border: 1px solid #EEE;
border-bottom-right-radius: 5px 5px;
border-top-right-radius: 5px 5px;
color: #fff;
font: normal normal normal 13px/normal 'Lucida Grande', Arial, sans-serif;
font-style: normal;
margin: 0px;
outline-width: 0px;
padding: 6px 12px;
text-shadow: black 0px 1px 0px;
}
</style>

<form action="/search" style="display: inline"
id="searchthis" name="searchthis" method="get">
<input id="search-box" class="barra" name="q" size="26" /><input id="search-btn" class="buscarcblogger" value="Buscar" type="submit" border="no"/>
</form>



Vizualização


Marcadores: , , ,

5 Comentários:

Às 3 de fevereiro de 2011 18:25 , Blogger Cristhian Miguel disse...

Eu coloquei esse código no meu blog e apareceu um buscador super básico e não esse aí. O que será que aconteceu?

 
Às 3 de fevereiro de 2011 22:20 , Blogger Códigos Blogger disse...

@Cristhian Miguel Amigo, este código foi testado em vários blogs que eu tenho, e nenhum apresentou erro e está exatamente como na visualização acima. Por tanto, o problema deve está no seu template, tente testar em outro.

 
Às 25 de maio de 2011 01:38 , Blogger Seu portal disse...

Não funciona :P Nunca encontra nada

 
Às 25 de maio de 2011 22:47 , Blogger Códigos Blogger disse...

Por que esse buscador faz somente busca de palavras chaves, e não palavras relacionadas.

 
Às 16 de novembro de 2011 09:01 , Blogger Rose Misceno disse...

Instalei e ficou DEMAIS!! Combinou com o layout do meu Blog!! Vi que você faz serviços pra blog, já personalizai bastante meu blog,mas ainda não consegui instalar um gadget de slide com postagens mais acessadas no meu blogger que combinasse com a visual dele...vou madar um e-mail pra vc!

Valeu pelo post!

Abração.

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial