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.
<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.
Imagem para fundo do blog
Quando temos que fazer uma imagem para usar como textura no fundo do blog geralmente enfrentamos muitos problemas, pois é difícil fazer uma imagem que encaixe perfeitamente. Logo abaixo você tem imagens para usar como plano de fundo no seu site, você apenas precisa salvar e hospedar em algum lugar, sugerimos o http://imageshack.us
No site All Free Backgrounds e Free Backgrounds você encontra muitas outras imagens de fundo, e o procedimento é o mesmo, salvar e hospedar a imagem e depois você entra na pagina editar html do seu blog e coloca a linha de código background-image: url(endereço da imagem); junto com :
body{................
...........
..........}
E já está pronto, se você quiser testar essas imagens antes de colocar no seu blog copie esse código:
Cole no bloco de notas, altere onde está escrito fundo4.gif para o nome da imagem que você quer testar, mas não se esqueça de colocar .jpg ou .gif no nome da imagem porque isso também faz parte do nome da imagem. E salve no seu computador na mesma pasta onde salvou a imagem, com o nome planodefundo.htm, desse mesmo jeito o nome do arquivo precisa ter o .htm no final pois assim será como se fosse uma pagina de internet. Agora é só ir até a pasta e clicar sobre esse arquivo que ele abrirá em seu navegador de internet e você poderá ver como fica a imagem de fundo sem precisar hospedar e mexer no seu blog. Isso poupa muito trabalho, afinal somente irá mexer no seu blog depois de visualizar a imagem de fundo que escolheu e já tem certeza que deseja usar-la.
Veja também:
Por que a imagem não aparece
Posicionar imagem de fundo
Fixar imagem de fundo
Como hospedar imagens
 |  |  |  |
|---|
No site All Free Backgrounds e Free Backgrounds você encontra muitas outras imagens de fundo, e o procedimento é o mesmo, salvar e hospedar a imagem e depois você entra na pagina editar html do seu blog e coloca a linha de código background-image: url(endereço da imagem); junto com :
body{................
...........
..........}
E já está pronto, se você quiser testar essas imagens antes de colocar no seu blog copie esse código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {background-image: url(fundo4.gif);
}
-->
</style></head>
<body>
</body>
</html>
Cole no bloco de notas, altere onde está escrito fundo4.gif para o nome da imagem que você quer testar, mas não se esqueça de colocar .jpg ou .gif no nome da imagem porque isso também faz parte do nome da imagem. E salve no seu computador na mesma pasta onde salvou a imagem, com o nome planodefundo.htm, desse mesmo jeito o nome do arquivo precisa ter o .htm no final pois assim será como se fosse uma pagina de internet. Agora é só ir até a pasta e clicar sobre esse arquivo que ele abrirá em seu navegador de internet e você poderá ver como fica a imagem de fundo sem precisar hospedar e mexer no seu blog. Isso poupa muito trabalho, afinal somente irá mexer no seu blog depois de visualizar a imagem de fundo que escolheu e já tem certeza que deseja usar-la.
Veja também:
Por que a imagem não aparece
Posicionar imagem de fundo
Fixar imagem de fundo
Como hospedar imagens
Marcadores: Acessórios, Imagem de Fundo, Sites Úteis
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. Nós recomendamos Criar Pagina de Abertura, lá tem uma imagem que você pode colocar o link do seu novo blog, mas se quiser aqui 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")
</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.
<script language="javascript" type="text/javascript">
location.replace("SEU SITE")
</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.
Site abrindo sozinho
Alguma vez quando estava num site sem saber o porquê abriu outra pagina sem que você tivesse clicado em nada? Ou acontece isso no seu blog, então procure por esse código nos banners ou link que adicionou nele:
<a onmouseover="parent.location='URL DO SITE'" href="URL DO SITE" target="_blank"><img border="0" src="URL DA IMAGEM"/></a>
Acho que as pessoas estão fazendo links usando este código a fim de forçar visitas afinal ninguém sabe que somente ao passar o mouse sobre uma imagem abrirá outra pagina. E claro isso prejudica o seu blog, pois tira as pessoas dele sem que elas imaginem o que aconteceu e ninguém quer voltar num site que faz coisas aparentemente sem explicação.
Portanto tenha cuidado com os códigos que adiciona no seu blog e verifique se algum deles tem a parte onmouseover="parent.location='URL DO SITE'", se encontrar isso você já sabe que ao passar o mouse sobre essa imagem irá para outro site, então cabe a cada um decidir se vale à pena usar ou deixar esse tipo de coisa no blog ou não. Queremos dizer que não aconselhamos o uso disso pois apenas irrita as pessoas e quando abre uma pagina inesperadamente a reação mais natural é simplesmente fechar tudo.
Clique para ver esse código de redirecionamento funcionando, mas você já sabe que ao passar o mouse sobre um dos banners vai mudar de site.
<a onmouseover="parent.location='URL DO SITE'" href="URL DO SITE" target="_blank"><img border="0" src="URL DA IMAGEM"/></a>
Acho que as pessoas estão fazendo links usando este código a fim de forçar visitas afinal ninguém sabe que somente ao passar o mouse sobre uma imagem abrirá outra pagina. E claro isso prejudica o seu blog, pois tira as pessoas dele sem que elas imaginem o que aconteceu e ninguém quer voltar num site que faz coisas aparentemente sem explicação.
Portanto tenha cuidado com os códigos que adiciona no seu blog e verifique se algum deles tem a parte onmouseover="parent.location='URL DO SITE'", se encontrar isso você já sabe que ao passar o mouse sobre essa imagem irá para outro site, então cabe a cada um decidir se vale à pena usar ou deixar esse tipo de coisa no blog ou não. Queremos dizer que não aconselhamos o uso disso pois apenas irrita as pessoas e quando abre uma pagina inesperadamente a reação mais natural é simplesmente fechar tudo.
Clique para ver esse código de redirecionamento funcionando, mas você já sabe que ao passar o mouse sobre um dos banners vai mudar de site.
Marcadores: Códigos, Segurança
Imagem na barra de endereço
Algum tempo atrás já publicamos a explicação de como colocar uma imagem na barra de endereços do blog e quando seu site é adicionado nos favoritos essa imagem aparece como ícone no menu favoritos ao lado do nome do seu blog. Entretanto com algumas mudanças recentes no blogspot fizeram aquela explicação dar alguns problemas então aqui vai o procedimento atualizado.
Entre na página editar layout e procure por ]]></b:skin>
, clique ctrl+F isso abre uma janela para procurar o texto na página assim é bem mais fácil do que ler tudo e coloque esse código logo após o trecho acima:
<link href='endereço da imagem' rel='icon' type='image/x-icon'/>
Quanto ao formato da imagem deve ser .ico, tem programas que fazem esse tipo de imagem. Mas versões mais novas dos navegadores Firefox, Internet Explorer, Opera já aceitam o formato .jpg ou .gif que funcionam normalmente e são bem mais fáceis de fazer e hospedar.
Para hospedar imagens use o ImageShack ou Photobucket, são dois bons sites grátis de hospedagem de imagem.
Entre na página editar layout e procure por ]]></b:skin>
, clique ctrl+F isso abre uma janela para procurar o texto na página assim é bem mais fácil do que ler tudo e coloque esse código logo após o trecho acima:
<link href='endereço da imagem' rel='icon' type='image/x-icon'/>
Quanto ao formato da imagem deve ser .ico, tem programas que fazem esse tipo de imagem. Mas versões mais novas dos navegadores Firefox, Internet Explorer, Opera já aceitam o formato .jpg ou .gif que funcionam normalmente e são bem mais fáceis de fazer e hospedar.
Para hospedar imagens use o ImageShack ou Photobucket, são dois bons sites grátis de hospedagem de imagem.