quarta-feira, 30 de janeiro de 2013

Como colocar caixa de busca no blog

YO!Hj tô trazendo um tuto bem legal, que é de como botar uma caixa de busca no blog.Então vamos:
1° :vá no designer de modelo e editar HTML.
2° :aperte CTRL+F e pesquise:



]]></b:skin>

3º :acima cole:




/* Busca
----------------------------------------------- */
.buscador {
margin:0pt;
padding:0pt;
}
.buscador span {
margin:0pt;
padding:0pt;
}
#search{
display: none;
}
#sidebar form {
margin:0;
padding:1px 0;
clear:both;
}
.searchtitle {
font:bold 14px "Aldo", sans-serif, "Lucida Sans", Tahoma!important;
color:#fff;
}
#searchform {
margin: 5px auto ;
padding: 0;
}
#searchform #s {
height:20px;
width:180px;
margin-left:10px;
font:14px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #272727;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
#searchsubmit {
padding:0;
background:#efefef; /COR DA FONTE
color:#ba0000; /COR DO FUNDO
text-shadow: 0px 1px 2px #000;
border:1px #000;
width:60px;
height:22px;
font:14px "Arial", "Lucida Sans Unicode", Verdana;
font-weight:normal;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}
#searchsubmit:hover {
background:#ba0000; /COR DA FONTE(HOVER)
color:#ffffff; /COR DO FUNDO(HOVER)
text-shadow: 0px 1px 2px #fff;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}
Pronto!é só isso,FLW!

Nenhum comentário:

Postar um comentário