Menu oculto que aparece quando o botão direito do mouse é acionado no blog - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Menu oculto que aparece quando o botão direito do mouse é acionado no blog

Publicado em 25/02/2019

Fiquei muito tempo pensando em qual título dar para esse tutorial, pensando em como explicar esse menu e nomea-lo mas olha... não achei jeito de conseguir isso. Tem que ver em ação pra entender.
Ele, o menu, aparece quando alguém seleciona algum trecho do nosso blog e aciona o botão direito do mouse na intenção de copiar o trecho selecionado, ou quando alguém quer copiar uma imagem e aciona o botão direito do mouse para copiar.
Não tem como explicar, tem que ver. Acesse o blog de demonstração, selecione qualquer trecho do post como se fosse copia-lo, clique com o botão direito do mouse e veja:


Demonstração do tutorial

Não é legal?
Além de ser um menu simples propriamente dito esse recurso impede dificulta a cópia do texto no desktop, ajudando portanto na prevenção ao plágio.
Quer aprender como colocar em seu blog?
Vem comigo!


Menu Sem copiar- bloqueando o botão direito do mouse


Comece copiando os códigos que vamos usar:


Copiar o código


A seguir vá até o painel administrativo de seu blog (o de testes primeiro, tá?) e clique na aba Tema.
Aí clique em Editar HTML e dentro da caixa com o código-fonte tecle Ctrl+F e na barra de busca que expandir digite </head> e tecle Enter para localizar.
ACIMA dessa tag de fechamento cole o CÓDIGO CSS E JAVASCRIPT.
Salve.

Agora localize a tag de fechamento </body> e ACIMA dela cole o CÓDIGO HTML.
Salve.
Teste se o menu já aparece.
Tudo ok?

Volte ao seu código-fonte e edite os links do seu menu no CÓDIGO HTML, inserindo nele o nome de cada aba e o link para onde quer que ela direcione.
Faça a edição na cor do fundo do menu e na cor da fonte, no  CODIGO CSS, caso deseje.
Salve tudo e tá feito.
Não é demais?


Outros tutoriais recomendados:







Um comentário

  1. Elaine,muito bom este post o nome Menu Espião.
    Sem querer comentei em um blog de testes seu...rsrs..
    Parabéns e sucesso para você!
    Beijos

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…