Como colocar Frases Aleatórias no Blogger
Um Gadget bem interessante é o de frases aleatórias, alem de mudar a frase cada vez que você atualizar a pagina, ele traz ao visitante mais interesse de ver seu blog.
Você pode usar ele para muitas coisas, como colocar uma promoção, avisar sobre atualizações, lançamentos etc..
Para colocar esse Widget em seu blog é só seguir os passos:
* - Colocar frases aleatórias no blog - *
1° Passo: Ir para a are a de administração de seu blog.
2° - Passo: Ir na aba Layout
3° - Passo: Adicionar Gadget
4° - Adicionar o código abaixo:
<div style="border-left: 5px solid #ccc; padding:6px; font-style: italic; ">
<script language="JavaScript">
citas = new Array(4)
citas[0] = "FRASE 0 "
citas[1] = "FRASE 1"
citas[2] = "FRASE 2"
citas[3] = "FRASE 3"
citas[4] = "FRASE 4"
aleatorio = Math.random() * (citas.length)
aleatorio = Math.floor(aleatorio)
document.write(citas[aleatorio])
</script></div>
5° Passo: Salve
* - ALTERAÇÕES - *
Onde esta escrito Sua Frase Aqui, você coloca a frase que desejar.
Caso queira adicionar, ou retirar uma frase basta adicionar ou retirar o código abaixo:
citas[4] = "Sua Frase Aqui"
Para personalizar a borda, basta editar o código abaixo:
border-left: 5px solid #ccc; padding:6px; font-style: italic;
Onde está em azul, coloque o código da cor
Onde está em vermelho, a largura da borda
Não tem o código de sua cor?
Pegue o código que esta em HTML
(Desenvolvendo gerador de códigos para o site)
Como personalizar a caixa de pesquisa do blogger
A caixa de pesquisa é um elemento muito significativo para os blogueiros, seu objetivo é manter o visitante mais tempo em nosso blog, e como muitos não gostam do modelo padrão do blogger, vamos ensinar a personalizar !
* - Como colocar caixa de pesquisa padrão do blogger.
1° - Entrar na administração do seu blog
2° - Ir opção Layout
3 - Adicionar um gadget
4° - Escolha "caixa de pesquisa" clicando no "+"
5° - Marque as opções desejadas e salve
* - Como personalizar a caixa de pesquisa.
O padrão da caixa de pesquisa é este:
Para deixar-la com uma aparência que se combina com seu blog, vamos fazer algumas mudanças no HTML.
Vamos Lá
1° - Vá para a Área Modelo.
2° - Editar HTML
3° - Pressione CTRL + F e pesquise por:
</b:skin>
4° - Agora EM CIMA de </b:skin vamos adicionar o código abaixo:
/* BUSCA ----------------------------------------------- */ td.gsc-input input { background: #fff; /*Cor de fundo do campo de texto*/ border: 1px solid #ddd; /*Estilo e cor da borda do campo de texto*/ color: #666; /*Cor do texto do campo de texto*/ font-size: 11px; /*Tamanho do texto do campo de texto*/ height: 15px; padding: 4px; } td.gsc-input input:hover { border: 1px solid #999; /*Estilo e cor da borda quando o mouse estiver em cima do campo de texto*/ } input.gsc-search-button { padding:4px; background: #eee; /*Cor de fundo do botão*/ border: solid 1px #ddd; /*Estilo e cor da borda do botão*/ font-size: 12px; /*Tamanho do texto do botão*/ text-shadow: #fff 1px 1px 0px; } input.gsc-search-button: hover { border:1px solid #999; /*Estilo e cor da borda quando o mouse estiver em cima do botão de pesquisa*/ background:#ddd; /*Cor de fundo quando o mouse estiver em cima do botão de pesquisa*/ color:#000; /*Cor do texto quando o mouse estiver em cima do botão de pesquisa*/ }
Salve o modelo, e o resultado final será:
* - Como retirar o título da caixa de pesquisa
1° -Ainda no seu Editor de HTML, siga a imagem:
2° - Selecione CustomSearch1.
3° - Clique na setinha preta do custom search para expandir os codigos.
4° Apague o seguinte texto abaixo e salve
