Olá Internautas! Todos devem saber que as caixas de pesquisa são muito importantes em blogs/sites, afinal elas facilitam (e muito) e vida dos leitores não é mesmo? Então pensando nisso eu fiz um tutorial de como editá-las para elas ficarem com a cara do seu blog!
Se vocês não modificarem nada no código a caixa de pesquisa ficará assim:
Obs. você pode substituir o texto em rosa pela frase que quiser
Agora vá em Modelo > Editar Html > Prosseguir
Dê um command + f e cole o código abaixo antes de ]]></b:skin>:
Se você quiser mudar a fonte, a cor do texto, a largura/altura da caixa entre outros é só editar no próprio código (que já tem as "instruções")
Agora é só visualizar e se estiver tudo ok clique em salvar modelo.
Então vamos lá! Primeiramente vá em Layout > Adicionar um Gadget > Gadget Html/JavaScript
Colem o seguinte código no Gadget:
<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>
.searchbar{
height: 25px; /*Altura da caixa*/
width: 190px; /*largura da caixa*/
border-radius:15px;
background:#fff;
text-align:center;
color:#ffbfd9 !important; /*cor do texto*/
font: 12px Sofia !important; /*fonte do texto*/
}
.searchbut{
background: url ('http://cdn1.iconfinder.com/data/icons/windows8_icons/26/search.png');width:25px; /*Largura do botão*/
height:25px; /*altura do botão*/
border: 0;
padding:5px;
}
ATUALIZAÇÃO: Como foi difícil de achar a imagem de pesquisa, pensei em já disponibilizar o link dela aqui: ( www )
0 leitores soltaram o verbo:
Postar um comentário
Leia, é importante!
✖ - Todos os comentários serão lidos e quando possível, respondidos;
✖ - Comentários com apenas "Oi, segue o meu blog?" não serão publicados;
✖ - No final do comentário deixe o link do seu site ou blog para que eu possa retribuir a visita;
✖ - Encomendas e pedidos deverão ser feitos na Ask (menu).
Obrigada por comentar e volte sempre!