Depois de colocar alguns códigos que bloqueiam o botão direito do mouse, teclado e outras coisas surge um novo problema nas imagens das postagens é possível clicar nelas e abrir numa nova janela onde é possível copiar facilmente, então precisamos impedir que a imagem da postagem tenha um link para a própria imagem. Para resolver isso é bem simples: basta trocar o link para a imagem por # no código gerado pelo blogspot.
No caso da imagem postada acima o código original quando postei a imagem era:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_UTkn-5f-k5E/SXN57FbELOI/AAAAAAAAAis/NVsgSV1AdtI/s1600-h/imagem.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 300px; height: 100px;" src="http://2.bp.blogspot.com/_UTkn-5f-k5E/SXN57FbELOI/AAAAAAAAAis/NVsgSV1AdtI/s320/imagem.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" /></a>
Então no começo dele depois de href=" troque esse endereço por #, apague cursor:pointer; cursor:hand; e coloque no lugar cursor: default; isso faz não aparecer a mãozinha no lugar do cursor, o código fica desse jeito:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#"><img style="display:block; margin:0px auto 10px; text-align:center;cursor: default;width: 300px; height: 100px;" src="http://2.bp.blogspot.com/_UTkn-5f-k5E/SXN57FbELOI/AAAAAAAAAis/NVsgSV1AdtI/s320/imagem.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" /></a>
E pronto agora mesmo que clicar sobre ela nada acontecerá.
Outra maneira de fazer isso é deixar apenas a parte do código que é a imagem e retirar o link, no caso do exemplo acima deixe apenas o que está entre
<img style="display:block; margin:0px auto 10px; text-align:center;width: 300px; height: 100px;" src="http://2.bp.blogspot.com/_UTkn-5f-k5E/SXN57FbELOI/AAAAAAAAAis/NVsgSV1AdtI/s320/imagem.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" />
As duas explicações funcionam do mesmo jeito é apenas uma questão de qual achar mais fácil fazer, porém no caso de postar uma imagem maior que será reduzida automaticamente pelo blogspot não tem como usar essa explicação. O que resta a fazer então é publicar em um site de hospedagem de imagem (Photobucket ou ImageShack) e depois colocar o código aqui, claro se a largura do seu blog for suficiente para isso senão terá mesmo que reduzir o tamanho da imagem.
Ola Amigo, Agradeco pela sua imença ajuda. NOTA 1000 para seus tutoriais!!!
ResponderExcluirE ONDE FICA ESSE CODIGO AI ??
ResponderExcluirOi Fabiano!
ResponderExcluirTem um meme pra você lá no meu blog. Um abraço...
esse código só aparece depois que você colocar uma imagem na sua postagem
ResponderExcluirAilton, voce faz seu post normalmente, coloca uma imagem. Ai no proprio local onde voce faz o post, tem uma barrinha superior que converte o seu post para HTML. Ai la voce vai ver este codigo. Este blog ta de mais!! Abracos
ResponderExcluirOla Fabiano, mais uma duvida ok? Consegui colocar bloqueio do mouse direito e esse da sua postagem. Porem, como meu blog é muito visitado por crianças, eles começam a copiar e colocar nos blogs deles. E sei que existem vários programas de captura de tela. Porém as crianças usam muito a tecla PrtScn. Verifiquei que o bloqueio do mouse direito também bloqueia o ctrl+c, mas a tecla PrtScn não ta bloqueado. Como fazer este bloqueio tambem?! Grato mais uma vez
ResponderExcluirrealmente o código não blogqueia a tecla print screen vou pesquisar sobre e logo publico um novo código.
ResponderExcluirmas sobre proteger imagens ou texto, nada é 100% sempre existe um jeito de burlar isso e copiar.
Pra quem usa Internet explorer ta fudido mas quem usa opera é uma maravilha... Eu uso e recomendo opera e este tipo de "solução" que tenta travar o usuário deve ser banida. Estamos na época do conteudo compartilhado... Se não fosse assim melhor que v6s escrevessem um livro e o vendessem carrissimo... Mas engraçado vc querem visitas e querem bloquiar o usuário?
ResponderExcluirÉ por isto que não tem muitas visitas pensão pequeno.
Não se esqueça o usuário é o rei!!!
O BLOG OFICIAL ZXY
ResponderExcluirapesar de você ser um pouco agressivo no modo de dizer as coisas, concordo com você não adianta tentar impedir a cópia do conteúdo porque é impossível.
e apesar de tantos falarem em novidades não existe nada exclusivo na internet, são apenas modificações de um original.
eu também uso o Opera as vezes, mas prefiro o Firefox
Para o comentario do Blog oficial ZXY: Isso mesmo, vamos banir os copyright, e tudo mais. Acabar com a criatividade alheia, e quem sabe, anarquia total?! Para voce que acha que o trabalho das pessoas que se dedicam em fazer as coisa, usando tempo e estudo, nao vale nada, que o negocio eh sair copiando, so uma dica: Por isso que pessoas como voce eh deste nivel, agressivo nos comentarios e que acham que eh o dono da verdade.
ResponderExcluirPor favor, fiz um blog e necessito muito de uma barra de rolagem, parecida com essa sua azul. Por favor me ensina a por essa barra. Eu dei uma olhada nos seus posts antigos e vc diz como fazer mudando CSS do blog, mas não entendi onde eu mudo e add o que vc pediu. Por favor me responda.
ResponderExcluirLucas
ResponderExcluiraqui tem um menu com barra de rolagem
http://dicasparablogs.blogspot.com/2007/11/menu-com-barra-de-rolagem.html
onde fala adicionar elemento de pagina é adicionar gadget, isso porque a postagem foi feita antes desse mudança, mas funciona do mesmo jeito
a parte do CSS é na pagina editar html, coloque junto com os outros CSS que tem lá, depois que aparecer body{....} encontre onde fecha a chave"}" e coloque os códigos.
Seus tutoriais sao joias!
ResponderExcluirValeu mesmo queridos!
Abra*os!
ótimo!!! mas me diz uma coisa. tem como clicar na imagem, aumentar o tamanho dela e não premitir que depois disso ela seja copiada??? pq a fórmula que vc explicou só faz impedir que se clique na imagem e ela amplie correto?? grato.
ResponderExcluirJulio
ResponderExcluirnão tem como impedir a cópia quando clica para ampliar porque a janela que abre é automatica do blogspot, e a imagem está sozinha sem código algum.
mas não se preocupe demais com códigos para impedir cópias, apesar de ter postado vários neste blog sei que sempre existe um jeito de copiar, os códigos apenas dificultam um pouco.
Muito boa tarde a todos. Gostei muito do seu blogue. Foi muito útil. Posteriormente vou colocar um link em meu blogue redireccionando para este blogue.
ResponderExcluirPassem no meu blogue, critiquem e comentem. Estou a pensar num futuro próximo colocar toturiais de photoshop.
Um abraço.
tutoriais de photoshop é uma boa idéia muita gente procura por isso na internet
ResponderExcluirFabiano,
ResponderExcluirAcho que todos veem aqui agradecer, sou mais uma nessa lista, mas sabe que seu blog vicia...kkkkk
Tenho usado várias dicas importantes e tenho conseguido resultado perfeitos, estarei sempre prestigiando seu trabalho.
Parabéns.
Abs
Ivy
Ivy Freitas
ResponderExcluireu também fico tempo demais por aqui rsrs
ACABEI DE VER ESTE POST, AGORA SIMMMM........ TODAS AS FOTOS DO MEU BLOG FICARÃO BLOQUEADAS.... VCS SÃO DEMAIS MESMO!!!!!
ResponderExcluirBRIGADÃO!!!
MEU BLOG: www.arkaencantada.blogspot.com
Fabiano, o que eu quero te perguntar não tem muito a ver com este post mas tem a ver com "Imagem da Postagem".
ResponderExcluirEu queria que a imagem da postagem do meu blog ficasse no lado esquerdo e o texto ficasse do lado direito da imagem e também que a imagem ficasse com um tamanho padrão em todas as postagens...
Você consegue me arrumar o código e onde coloca-lo no meu blog ?
Meu blog: www.taurengames.com
Fábio Henrique
ResponderExcluiro tamanho da imagem você precisa acertar antes de enviar é recomendavel ter um programa para editar imagens(Programas Gratuitos para Edição de Imagens)
sobre colocar ela ao lado do texto, veja que na caixa onde envia as imagens tem a opção de lado(esquerdo e direito)
com sua dica, bloquei o direito do mouse, mas ...como disse , nao teve jeito para fotos.bom, li o tutorial para isto, mas ficou uma duvida: toda vez que eu postar uma foto, ela sera bloqueada automaticamente, ou tenho que fazer o procedimento a cada foto que postar?esse codigo que deve ser modificado onde ele fica quando vou postar? muito obrigada pela sua ajuda.aguardo retorno.
ResponderExcluirmaria luiza
ResponderExcluirpara retirar o link da imagem tem que fazer toda vez que enviar uma imagem, não tem jeito.
maravilhoso!!! Obrigada!
ResponderExcluirme da dor de cabeça so de ver as letras
ResponderExcluirOlá Fabiano, estou aqui para te dizer que descobri uma falha neste post.
ResponderExcluirO problema é que você não relacionou nada sobre o botão direito do mouse.Eu testei e cliquei em "salvar imagem como" e abri a imagem e ela aparareceu.
existem muitos outros códigos para proteger imagens e texto, mas infelizmente nenhum deles é 100%
ResponderExcluirBloquear o botão direito do mouse
isso ai é fácil e já sabia. O que queria praticamente é o que vc fez.
ResponderExcluirAo invés de ter que fazer isso todas as vezes que postar alguma imagem, tem outra forma de fazer com que as imagens fiquem bloqueadas (para que nao abra ao clicar com botao esquerdo) editando o HTML ? pois assim evitaria maior tempão.
veja aqui Bloquear teclado e botao direito
ResponderExcluirBom dia, gostaria de saber como posso tirar das o fundo branco das imagens que coloco no blog,fica muito feio e compromete a estética do blog.
ResponderExcluirObrigada.
Rosana Mafra
ResponderExcluirse o fundo branco faz parte da imagem só com um programa para editar imagens, veja aqui Programa para editar imagem ou fotos grátis - Editores de Imagens
encontrei uma maneira muito facil mesmo de tira esse link é só vcs clica na imagem depois clica em link e atualiza e seja feliz kkk
ResponderExcluirExatamente o que eu procurava
ResponderExcluir