Oi meninas Bom dia! hoje vou mostrar como colocar uma caixa de pesquisa personalizada no blog, não é dificil não !
Achei os códigos no Go Imagine
A caixinha é assim (igual a minha):
Então Vamos!?
1-
Vá lá em Blogger- Layout- Adicionar um gadget- HTML/JavaScript
e cole o seguinte código ATENÇÃO não mude NADA:
<form
action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>
<input class="searchbar" id="s" name="q" type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>
2-
Vá lá em Modelo- Editar HTML- Aperte CTRL+F e procure por e
]]></b:skin>
cole ACIMA fazendo as alterações
que desejar:
.search{
float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */
font-family: Tahoma, Tahoma; /* Fonte */
}
.searchbar{
height: 20px;
width: 190px;
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'); /* http://img62.imageshack.us/img62/3183/catsomg.jpg*/
width:30px;
height:30px;
border: 0;
padding:7px;
}
float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */
font-family: Tahoma, Tahoma; /* Fonte */
}
.searchbar{
height: 20px;
width: 190px;
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'); /* http://img62.imageshack.us/img62/3183/catsomg.jpg*/
width:30px;
height:30px;
border: 0;
padding:7px;
}
Prontinho!! Visualize e se der tudo der certo salve!! e é só bjos
Dica super legal. Vou tentar. Seguindo aqui. Bjos.
ResponderExcluirhttp://elichandler.blogspot.com.br/
Que bom que gostou ! Bjos *-*
Excluir