Banner Rotativo

Para fazer aparecer banners diferentes cada vez que o blog é exibido, você terá um pouco de trabalho, não com o código pois esse é simples mas para ocultar o titulo do blog exibido normalmente e caso no seu modelo não apareça adicionar gadget entre o cabeçalho e as postagens.

Primeiro passo precisamos ocultar o título do blog. Então procure na página editar HTML por algo parecido com o trecho abaixo, não será igual porque cada blog tem a próprio estilo do titulo, mas o importante é #header h1:

#header h1 {
text-align: left;
font-size: 200%;
color: $pageHeaderColor;
margin: 0;
padding: 15px 20px 0 20px;
}


E coloque isso display: none; (inclusive o ponto e vírgula) entre as chaves { }, não importa em qual linha, mas tem que ser dentro das chaves. E clique para salvar.
Isso faz ocultar o título do blog, você não precisa mudar mais nada, ele só vai ocultar, caso resolva mostrar novamente o título basta retirar essa linha que colocamos agora.

Agora veja na pagina layout se aparece o quadro adicionar gadget entre o cabeçalho e as postagens, pois será lá que iremos colocar o código do banner rotativo caso não esteja visível, veja nossa explicação de como fazer isso aparecer essa postagem fala em adicionar elemento de página, pois quando fui publicada era assim que os gadgets eram chamados no blogspot, mas a explicação funciona normalmente. Outra coisa se usar uma imagem no titulo precisa tirar clicando para editar o cabeçalho. Depois disso clique para adicionar um gadget embaixo do cabeçalho, na página que aparece escolha a opção HTML/javascritp e cole o código abaixo:

<script language="JavaScript">
hoje = new Date()
numero_de_imagens = 5
segundos = hoje.getSeconds()
numero = segundos % numero_de_imagens
if (numero == 0){
banner = "URL DA IMAGEM"
}
if (numero == 1){
banner = "URL DA IMAGEM"
}
if (numero == 2){
banner = "URL DA IMAGEM"
}
if (numero == 3){
banner = "URL DA IMAGEM"
}
if (numero == 4){
banner = "URL DA IMAGEM"
}
document.write('<div align="center"><img src="' + banner + '" border=0></div>')
</script>

E já está pronto, mas não se esqueça de colocar os endereços corretos das imagens no código, para alterar esse código aqui tem explicado como alterar o código e adicionar imagens, nessa explicação está dizendo sobre colocar frases, mas o código é idêntico a este que usamos aqui para imagens.

Atenção!!!

Clique na imagem abaixo para fazer o Downloand da post em formato bloco de notas

Redirecionamento

As pessoas que tem mais de um blog às vezes depois de algum tempo querem parar de postar em
um dos blogs, mas não querem deixar seus leitores abandonados, então alguns fazem uma
postagem de despedida e deixam o link de seu novo blog, com isso alguns dos visitantes vão
para esse novo blog, mas certamente perdemos visitas com isso. Tem um código de
redirecionamento que transfere todas as visitas desse blog antigo para o novo blog.Você só
precisa colocar o endereço da sua página onde está escrito seu site no código abaixo:



<script language="javascript" type="text/javascript">
location.replace("SEU SITE OU BLOG")
</script>



Para usar é só colocar o código pela página layout, adicionar gadget, html/javascript, e
colocar em qualquer parte da página. E já está pronto, quando você entrar no blog será
enviado automaticamente para o endereço que especificou no script acima. Uma sugestão se for
usar essa idéia é modificar seu blog antigo para mostrar apenas uma postagem e retirar tudo
mais que tiver nele, pois o código só funciona depois que for carregado e quando mais coisas
tiverem no blog mais tempo irá demorar o redirecionamento.



Essa foi uma sugestão sobre o que fazer com esse código que envia os visitantes para outra
página, mas é claro que você pode usar para outras coisas que imagine

Aviso! clique na imagem para download.

Proteger Imagens

Uma das coisas mais difíceis é proteger nossas imagens ou fotos contra copia na internet,
existem muitas maneiras de fazer isso e aqui vamos mostrar mais uma delas. O código é o
seguinte:



<div style="background-image: url(imagem protegida); width:480px;
height:61px"><img src="imagem transparente" width="480" height="61"
border="0"/></div>



O que fazemos neste código é usar a imagem que vamos proteger como plano de fundo e colocar
uma imagem transparente sobre ela, então quando alguém clicar com o botão direito para
copiar a imagem ele irá copiar uma imagem transparente e não nossa foto. O mesmo acontece se
tentar entrar em propriedades e copiar o endereço da imagem irá copiar a url da imagem
transparente.
Para usar este código você precisa alterar os endereços das imagens e não se esqueça de
ajustar as larguras nas duas partes do código, repare que os números 480 e 61 aparecem duas
vezes cada um e você deve modificar os dois para deixar a imagem transparente e a foto no
fundo do mesmo tamanho.



Além disso, como no banner acima é possível usar um link nessa imagem protegida, usando o
código desse jeito:



<div style="background-image: url(imagem protegida); width:480px; height:61px;
text-align:center"><a href="http://frasecurta.blogspot.com" target="_blank"><img
src="imagem transparente" width="480" height="61" border="0" title="Frases
Curtas" /></a></div>



Como você notou para colocar um link nessa imagem protegida na verdade o link vai na imagem
transparente e o procedimento é normal como qualquer outro link. Outro detalhe é que você
não precisa se preocupar com o tamanho da imagem transparente, pois colocando o tamanho
dela no código o navegador vai deixá-la de qualquer tamanho. Se quiser salve o gif
transparente que usamos aqui e hospede no http://imageshack.us , fazemos essa sugestão de
salvar novamente e não usar a mesma que está neste blog porque algumas vezes o site de
hospedagem pode bloquear uma imagem por excesso de uso(Bandwidth), portanto é mais confiável
salvar e hospedar novamente, isso vale para qualquer imagem que você viu na internet e
queira usar, afinal nunca sabemos quando o dono da imagem vai resolver apagá-la.



Esse método ajuda a proteger suas imagens, porém esse como também outros truques para
impedir a cópia de imagens do seu blog não consegue proteger totalmente as imagens, pois as
pessoas sempre encontram um modo de copiar as imagens, apenas existem alguns jeitos de
dificultar isso.

Atenção!

A video aula é em formato de bloco de notas.Então clique na imagem abaixo para você se redirecionar para a pagina de download.

Contagem de Tempo

Esse mostra quandos dias passaram entre a data que você colocou nele e o dia atual, podemos encontrar varias utilidades, mas a acredito que a principal delas seja mostrar a quando tempo seu blog ou site está em funcionamento. Você só precisa alterar a data e o texto que está no final do código:

document.write("Já tem "+difference+" desde que o meu site entrou no ar.")
countup(2008,11,10)

Essa data é no formato ano/dia/mes, portanto o numero 10 é o dia, depois que fizer as alterações é só colocar no seu blog através da página layout, adicionar gadget, html/javascript, então é só colar o código abaixo.