Dicas para Blogs e Sites

Encontrei um novo código para bloquear o botão direito do mouse e o teclado, assim impedindo o uso do crtl+C (copiar), testei esse código no Internet Explorer e Firefox e funcionou perfeitamente em ambos. Porém se você colocar esse código no seu blog ele também impedirá que seus visitantes digitem qualquer coisa no seu blog. Então se você usa pesquisas, recados ou qualquer outra coisa que precise ser digitada diretamente no seu blog não use esse código porque impossibilitará o uso desses acessórios do seu site.
No blogspot adicione esse código pela pagina editar layout >> adicionar gadget >> html/javascript, não importa lugar do código na página. Veja o código abaixo:

<script language="JavaScript">
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false'; alert ('Todos os direitos reservados');
}
}
function keypresed() {
alert(' Teclado Desabilitado ');
}
document.onkeydown=keypresed;
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>

As frases “Todos os direitos reservados” e “Teclado Desabilitado” podem ser substituídas por qualquer outra. Apenas preciso avisar que a frase “Todos os direitos reservados” não é exibida no Firefox embora o botão direito do mouse seja bloqueado.

Veja também:
Proteger os textos do blog contra copias

Como saber quem copiou meu blog

Denuncie os Plagiadores, isso funciona!

Marcadores: Códigos, Segurança

Para colocar uma imagem fixa como fundo do blog ou site use o seguinte código:

background-attachment: fixed;
background-image: url(endereço da imagem);

Isso funcionar tanto para a pagina inteira como para algum setor especifico como por exemplo main, sidebar ou qualquer outra parte dependendo de como é escrito o CSS do seu site. Usei como exemplo as partes mais comuns do blogspot.

Evidentemente isso só terá utilidade no caso de usar uma imagem de fundo. No lugar onde está escrito endereço da imagem coloque a url da imagem(lugar onde você hospedou a imagem), pode usar para hospedar esse site http://imageshack.us. A url correta é aquela que termina com .gif ou .jpg dependendo como você salvou a imagem no seu computador, geralmente encontramos essa url no campo Direct link to image.

Essas alterações no código das imagens de fundo são feitas pela página editar html no Blogspot, para chegar nessa página clique em layout depois na guia editar html, então é só achar a parte do código que você deseja mudar para ficar mais fácil encontrar o que deseja clique ctrl F(isso abre uma janela para você escrever o que procura).

Marcadores: Imagem de Fundo

Atualmente muitas pessoas fazem parcerias trocando banners com outros sites e muitas vezes esses bannes ocupam bastante espaço no blog. Uma boa maneira de resolver esse problema é usar um sistema de rolagem de banners, isso faz ocupar menos espaço no blog e ao mesmo tempo tem um efeito visual muito bom. Outra alternativa interessante é fazer Apresentação de Slides com Banners.

Agora veja abaixo faz que os banners fiquem deslizando pela tela e o melhor você define o espaço que eles ocuparão e outras coisas.

<marquee style="border: 2px solid #000000; background-color: #FFFFCC;text-align:
center;height: 200px;width: 150px" scrolldelay="1"scrollamount="1"behavior="scroll"direction="down"onMouseOver=this.stop() onMouseOut=this.start()>
<p><a href="http://mensagens.110mb.com" target="_blank"><img
src="bannerfrases.jpg" border="0"></a></p>

<p><a href="http://jornaljd.blogspot.com" target="_blank"><img
src="http://i55.photobucket.com/albums/g138/robertojd/jornal.jpg" border="0"></a></p>

<p><a href="http://frasecurta.blogspot.com" target="_blank"><img
src="http://i55.photobucket.com/albums/g138/robertojd/banner-1.jpg"
border="0"></a></p>

<p><a href="http://dicasparablogs.blogspot.com" target="_blank"><img
src="http://i205.photobucket.com/albums/bb145/cidadeweb/bannerdicas.gif"
border="0"></a></p>

</marquee>

Vamos entender e aprender como modificar esse código:
Borda: border: 2px solid #000000
2 é a largura, solid é o estilo normal(experimente trocar 2px solid por 5px double, são duas linhas como borda)

Cor de fundo: background-color: #FFFFCC

Alinhamento: text-align: center
Poder ser left(esquerda) ou right(direita)

Altura: height: 200px
Largura: width: 150px
Altura e largura pode ser qualquer valor, mas não retire o px no final, é uma medida de pagina(pixels)

scrolldelay="1"scrollamount="1"direction="down"
Os valores 1 no trecho acima são a velocidade que os banners se movimentam e a palavra down é a direção que pode ser alterada para up(para cima), left(para esquerda), right(para direita).
Espero que gostem e aproveitem essa sugestão de como economizar e melhorar a aparência de seu blog. Clique aqui e veja um exemplo desse código funcionando.

Marcadores: Efeitos

Estamos começando nossa comunidade no Orkut e gostaríamos de convidar a todos nossos parceiros, amigos e visitantes para participar !!!
Essa comunidade será mais um espaço para troca de idéias e ajuda para blogs e sites, afinal sempre estamos aprendendo algo e sempre podemos fazer melhor. Visite e participe de nossa comunidade.

Marcadores: Mais visitas

Este código serve para colocar uma imagem acompanhando o cursor do mouse. Entre na página layout, adicionar gadget, html/javascript e cole esse código:

<script type="text/javascript">
var numeroimg= 7;
var imagemcursor = "endereço da imagem";
</script>
<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/mouseimg.js"></script>


Mas antes de salvar veja que logo no começo do código você encontra:

var numeroimg = 7
var imagemcursor = "endereço da imagem"

Aqui você coloca o endereço da imagem no lugar indicado no código e outra coisa que pode ser alterada facilmente é mudar a quantidade de vezes que a imagem se repete alterando o numero 7, mas não aumente muito pois deixa o site.

Para colocar no Blogspot esse efeito do mouse vá até a página layout >>> adicionar um gadget >>> html/javascript, então é só colocar o código, não se preocupe com o lugar onde isso vai ficar no seu blog pois terá efeito na pagina toda não importando se está no começo ou final da pagina.

Marcadores: Efeitos, Ferramentas