Como Melhorar O Seu Blogger
Personalize a caixa de pesquisas no seu Blogger
Que tal inserir no seu Blogger uma caixa de pesquisas igual a essa que você vê neste site?Então vá em “Layout”, clique em "Adicionar um Gadget" e procure pelo gadget "HTML/JavaScript".
Em "Título" digite o “Pesquisar”, ou o quê você quiser.
Agora copie o texto a seguir e cole em “Conteúdo” do box "HTML/JavaScript ":
<style>
#searchbox {
width: 280px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiprwX59T0344ZVna4MBibbspwtoGGicUBem1r5gtZArTpAr_eWUCfADU47RL-vQMUcSVdXXb58ARJQ85h-BuyXgg955OngYTo0Pcz-ehUqlLdQci5DqzjdeFIb05Fmm0F83YrUHEZg_lk-/s1600/search-box.png) no-repeat;
}
#searchbox input {
outline: none;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input[type="text"] {
background: transparent;
border: 0px;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-size: 14px;
color: #f2f2f2 !important;
padding: 10px 35px 10px 20px;
width: 220px;
}
#searchbox input[type="text"]:focus {
color: #fff;
}
#button-submit{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh523O3cgQ4mY5khG5c0NW1ftwgbJBBKAgHyQ_G9-8b1EIgofq7blzdKuDT28hyphenhyphenKm7nZ1lIwNMxQUEB36ujgCRccaEuLrqyUw8iDAk3JK36lXxRr_IjxCfvPyko3Smjxs7FJrRndBU-MX9L/s1600/search-icon.png) no-repeat;
margin-left: -40px;
border-width: 0px;
width: 40px;
height: 50px;
}
#button-submit:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNe3_yqpUJ4Kc0F5wcsH9mujarmJvCWYqwvnK1B4xBcZo82I-WBYhrxTuvVoVSwRXzGgfoYqLGPfgfB0WTEgQ2wH8uSvtdxwW2HhumTlN5uF3SFuxjga42G5X88qHydEHpjPhGqIwJ2sXL/s1600/search-icon-hover.png);
}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="Digite aqui sua pesquisa..." />
<input id="button-submit" type="submit" value=" "/>
</form>
Pronto! Agora você tem uma caixa de pesquisa moderna e personalizada.
Quer conhecer outras caixas de pesquisas personalizadas? Visite:
https://comomelhoraroseublogger.blogspot.com/search/label/Caixas%20de%20Pesquisas%20Personalizadas
Espero que estas dicas tenham sido úteis para você!
Se precisar de uma ajuda extra, pode contar com a nossa assessoria profissional.
Sueli Rocha Miranda
Saiba mais...
Menu Completo
Sites Turbinados
SEO Básico - Como melhorar o desempenho do seu Blogger
Atenção! Pare de utilizar o Widget Imagem no Blogger
Como reduzir automaticamente as imagens para ajustar ao Blogger
Site desenvolvido pelo Site Nota 100
em parceria com a Gráfica Muito Mais Barata
Sites hospedados na International Sites Brasil
Gráfica Muito Mais Barata
Tabela de Preços
Promoções Imperdíveis
Distribuição de Folhetos
Fale Conosco
Site Nota 100
Sites no Topo do Google
E-mails Profissionais Turbinados
O que é SEO? Como conquistar os primeiros lugares no Google?
Fale Conosco