Dicas, truques, tutoriais, reviews, promoções e informação

segunda-feira, 18 de junho de 2012

Como colocar senha nos posts do Blogger

Atendendo a um pedido enviado pelo leitor Marcos, vou mostrar uma dica bem diferente e interessante. Trata-se de um recurso externo que raramente vemos em sites de dicas, e espero que seja útil de alguma maneira para você!

Quem quiser saber como o recurso funciona na prática, confira a nossa DEMO abaixo.

colocar senha postagens blogspot blogger

Senha nos Posts do Blogger


1. Faça login em seu blog.

2. No painel de configurações do Blogger, clique em Modelo e depois em Editar HTML. Na tela de confirmação clique em Prosseguir.

coloque a senha para ler blogger

3. Pressione Ctrl   F do teclado e procure pela seguinte tag: ]]></b:skin>

4. Exatamente ABAIXO (depois) da tag pesquisada, cole o código Javascript a seguir.

<!--ST SENHA CODIGO --> <script type="text/javascript" src="http://www.vincentcheung.ca/jsencryption/jsencryption.js"></script>

See the Pen Blkqd by Seu Tutorial (@marcelost) on CodePen



5. Clique em Salvar Modelo.

Configurando a Inserção de Senha

1. Crie sua postagem normalmente e, após criá-la, mude o conteúdo da postagem para a opção HTML. Copie a parte do post que recebrá a proteção ou, caso queira proteger o post inteiro, copie todo o HTML dele.

proteger post com senha blogger

2. Agora acesse esta página e faça a configuração das opções de acordo com a figura abaixo, depois clique no botão Encrypt (posicionado abaixo do campo verde Plain Text).

senha nos posts blogger

3. Desça até o campo roxo HTML Code. Selecione o modo como será exibido o texto uma vez protegido, escolhendo entre Standard, Inline ou asteríscos (***). Depois disso, copie todo código dentro da caixa HTML Code.

password post blogger

4. Agora simplesmente cole este código no lugar do texto do post em seu editor HTML no Blogger.

5. Visualize e veja se está tudo ok. Estando tudo certo, basta publicar o post!

Nota: Se desejar alterar o título "Show encrypted text" por um outro de sua preferência, basta encontrá-lo no código copiado do site (no final do código) e alterar normalmente.

colocar senha artigos blogger blogspot

Quando alguém clicar no título do texto protegido, receberá uma pop-up como esta abaixo, onde ela deverá inserir a senha.

encriptar posts blog

60 comments:

  1. Marcelo, isso é 10. só gostaria desse codigo ai. não da pra ver nada. quebra essa.

    ResponderExcluir
  2. Olá Carlos,

    Desculpe, mas não entendi sua dúvida. Qual código você diz?

    Abraços

    ResponderExcluir
  3. Marcelo o HTML code o que esta dentro da caixa azul

    ResponderExcluir
  4. Carlos, o que está dentro do HTML code é o seu texto em modo encriptado. Você gostaria dele em que sentido? Em texto puro?

    Abraços

    ResponderExcluir
  5. O Marcelo, foi mal, sua explicação esta maravilhosa... eu que estou meio q..sei lá... acho que muitas horas aqui. tudo ok. tudo ótimo. nota dez pra você campeão. valeu. abração

    ResponderExcluir
  6. Qualquer coisa é só chamar, Carlos.

    Volte sempre que quiser e puder.

    Grande abraço

    ResponderExcluir
  7. Olá Marcelo,após ler essa dica e visualizar o DEMO, fiquei com uma dúvida. O que me deu a entender esse código é para proteger o post,mas os leitores podem-no ler por inteiro sem que tenham de digitar o código? Pode parecer confusa esta minha questão,mas não entendi a finalidade desse recurso.
    Obrigado
    Abraço

    ResponderExcluir
  8. Olá Asantix, o código protege o post ou parte dele, mas os leitores não podem ler a parte protegida sem digitarem a senha. Isto é, uma vez protegida, será necessário entrar com a senha para desbloquear.

    É que na DEMO eu apresentei a senha que protegia somente para o pessoal ver como funciona após colocar a senha. Mas o post protegido não aparece sem a senha para desencriptar.

    Abraços

    ResponderExcluir
  9. Marcelo, achei ótimo o tutorial e funcionou mesmo. Muito obrigada, meu caro!
    O único problema é que eu tinha pulado uma linha entre cada parágrafo do meu texto e quando encripto-o todos os parágrafos se juntam :\
    Sabe me ajudar?

    Grata,
    Bruna.

    ResponderExcluir
  10. Olá Bruna, uma pergunta: você usa o editor novo ou antigo do Blogger?

    ResponderExcluir
  11. Muito bom. Valeu Marcelo, valeu mesmo!!!

    ResponderExcluir
  12. Ola, Não deu pra visualizar por inteiro o código Javascript que ficará abaixo de ]]> tem como mostralo por completo

    ResponderExcluir
    Respostas
    1. Como assim amigo? O código está sendo exibido na íntegra.

      Excluir
  13. Olá caro Marcelo ví que você é pós-graduando em Segurança da Informação, pela sua experiência, qual o nível de segurança desse script? É alto, médio ou fácil de burlar?
    E parabéns pelo post, bem explicativo.

    ResponderExcluir
    Respostas
    1. Olá Gilvan, seja bem-vindo!

      Bem, se tratando de encriptação e tecnologia em geral, nada é 'imburlável'. Se a pessoa tem conhecimento suficiente e bem avançado na área, mais cedo ou mais tarde ela conseguirá burlar -- independente do que seja. Digo isso no sentido técnico da Segurança da Informação.

      Agora, se tratando do script desse post, podemos dizer que é de nível alto, sim. Uma vez que o post for encriptado, é difícil burlá-lo.

      Pode ficar tranquilo!
      Grande abraço e ótimo fim de semana, caro amigo!

      Excluir
    2. Obrigado pela pronta atenção amigo, gostei muito do seu blog, vou me cadastrar pra receber suas postagens por email, abraço e ótimo fim de semana pra você também.

      Excluir
    3. Opa Gilvan, eu que agradeço sua visita e comentário. Fico contente que tenha gostado do blog. Sinta-se em casa aqui, por favor! Aliás, agradeço mais ainda por ter se inscrito para receber o feed do blog. Valeu mesmo.

      Grande abraço

      Excluir
  14. Olá marcelo, eu queria tirar uma duvida com você.
    3. Desça até o campo roxo HTML Code. Selecione o modo como será exibido o texto uma vez protegido, escolhendo entre Standard, Inline ou asteríscos (***). Depois disso, copie todo código dentro da caixa HTML Code.
    Então esta questão que eu nao entendi SELECIONE O MODO COMO SERA EXIBIDO O TEXTO UMA VEZ EXIBIDO. como faço isso e seguir adiante?

    ResponderExcluir
  15. ah cara esqueci isso ai. é que eu vi que era para descer no campo roxo mas era azul. agora depois de feito isso, a onde eu coloco o codigo?
    esperando a resposta....
    abrs

    ResponderExcluir
  16. Oi Marcelo, boa tarde! Gostei muito do seu tutorial! Fiz e está funcionando, mas ao passar o mouse por cima do link aparece uma caixa com todo o código encriptografado. Você saberia dizer se tem como esconder isso? Eu tentei retirar o title da div, mas não deu certo =/
    Desde já, muito obrigada!!

    ResponderExcluir
    Respostas
    1. Olá Roberta, boa tarde!

      Boa observação! Nunca havia visto isso. Removi o conteúdo da title e o código deixou de funcionar. Acredito que o texto protegido dependa dessa title (não sei a razão, pois não tem a ver com title).

      Vou dar uma pesquisada aqui, fazer algumas alterações, e em breve eu lhe dou um posicionamento, pode ser?

      Abraços

      Excluir
  17. Olá Marcelo,
    Se a pessoa limita quem pode ver o seu blogger. Caso eu tente visualizar, a pessoa vai ver o meu email, tipo que eu tentei ver esse blogger especifico? Obrigada ai cara, pela ajuda.

    ResponderExcluir
    Respostas
    1. Olá,

      Que eu saiba não, a pessoa não consegue ver seu e-mail.

      Excluir
  18. Perfeito! Vc é um anjo! Era uma das coisas que eu precisava. Obrigada!

    ResponderExcluir
  19. Muito boa essa sua dica. Acetei na primeira e funcionou, Obrigado. Mas vou abusar mais.
    Tenho um post para pessoas especificas.
    Coloquei uma senha e informei para a pessoa.
    Se ela quiser trocar essa senha, não eu, mas ela no pc dela, temo como fazer isso?
    Obrigado
    Abraço

    ResponderExcluir
    Respostas
    1. Vilson, sem chance. Essa senha é criptografada através de um javascript gerado pelo site do post. Um usuário normal, que não entende de javascript avançado, não conseguiria nem por reza braba modificá-la. Mesmo quem entende teria problemas em conseguir descriptografar.

      Enfim, não tem como.

      Excluir
  20. Obrigado Marcelo. Já vou usar essa ferramenta.
    Abraço

    ResponderExcluir
  21. nao tem como colocar em portugues o Enter the decryption key? responde urgente por favor abraços

    ResponderExcluir
  22. Olá Marcelo, muito boa a sua indicação, e principalmente pra mim, que irei oferecer um curso em vídeo, e precisava proteger com senha para que só tivessem acesso, aqueles que realmente adquiriram o curso!

    Um forte abraço!
    Att, Vinicius Souza.

    Como Ficar Rico Trabalhando Online em Casa na Internet!

    ResponderExcluir
  23. Boa noite! vc sabe se existe alguma forma de proteger o blot todo, ou seja para ter acesso ao blog a pessoa teria uma senha?

    ResponderExcluir
    Respostas
    1. Boa noite,

      Colocar senha de acesso ao blog não tem como. O que você pode fazer é configurá-lo para autorizar apenas acessos que você definir. Isto é, você pode fazer com que o acesso ao seu blog seja permitido apenas aos usuários que você permitiu.

      Para isso, clique em Configurações e em Leitores do Blog você defina a opção "Somente esses leitores". Coloque o e-mail de cada um e salve.

      A pessoa que tentar acessar seu blog e não estiver incluída nessa permissão, não poderá visualizá-lo e terá de enviar um pedido de acesso a você.

      Excluir
  24. Olá tem como fazer para colocar senha em todo o blog?
    Tipo ao entrar no blog aparecer um caixinha pedindo uma senha para entrar?

    ResponderExcluir
  25. Valeu cara sucesso aí!
    Obrigado mesmo pela a dica.
    Valeu

    ResponderExcluir
  26. Olá, amigo..! Em primeiro lugar meus PARABÉNS PELO POST..POIS, ESTAVA PROCURANDO UMA FORMA LEGAL DE COLOCAR SENHA EM UMA POSTAGEM DO MEU BLOG DE MISTÉRIOS..RSSS.. BEM, NÃO ENTENDI ONDE COLOCAR EXATAMENTE O CÓDIGO NO LUGAR DO TEXTO DO POST DO BLOGGER...ONDE EXATAMENTE?

    NÃO CONSEGUI VER ONDE ELE PODE SE ENCAIXAR... ME DESCULPE A IGNORÂNCIA!

    ResponderExcluir
    Respostas
    1. Olá,

      Você deve substituir o texto da sua postagem (que deve estar na área HTML) pelo código do site.

      Excluir
  27. Meu amigo, tive um pequeno problema com esse tutorial, é o seguinte, pois o que tenho pra guardar com senha, possui imagens e textos, ai guando em mando Encrypt, o conteúdo final fica todo "bagunçado", o que posso fazer para concertar isso... pois funciona excelente só que deu esse pequeno error.... tem alguma solução?

    ResponderExcluir
  28. Ola, Marcelo, como faria para proteger todo o blog com uma senha inicial logo no primeiro acesso?...Obrigado.

    ResponderExcluir
  29. Oi , eu coloquei um código similar para a entrada geral no blog, mas ele surge independentemente de se abrir os comentários ou a pagina principal, tem alguma dica para q a senha seja apenas pedida quando se abre o endereço principal do blog?

    ResponderExcluir
  30. Boa noite Marcelo,
    Você ainda está devendo a resposta da Roberta do comentário de 07 de novembro de 2012 eu também gostaria da resposta das mesmas dúvidas dela.
    Um abraço,
    Pedro

    ResponderExcluir
  31. Ola, muito boa mesmo essa dica. Testei aqui e deu quase tudo certo, menos uma coisa e gostaria muito de ajuda.
    Encriptei uma postagem com vídeo, e quando vou colocar a senha pra desbloquear o vídeo não aparece.
    É assim mesmo?

    ResponderExcluir
  32. Olá, essa dica é ótima!!
    Agora e se eu quiser desbloquear o post? Como faço para utilizar o código antigo sem a senha?

    ResponderExcluir
  33. uso essa função no meu site, mais os comentarios permanecem amostra, é possivel ocultalos tbm, so para a pagina bloqueada?

    ResponderExcluir
  34. MUITO BOM SEU TUTORIAL, ME AJUDOU EM ALGUMAS COISAS MUITISSIMO EXPLICADO... BRIGADO!!!

    ResponderExcluir
  35. QUERIA SUA AUTORIZAÇÃO PARA DIVULGAR ISSO EM MEU BLOG DANDO CRÉDITOS A VC...
    ABRAÇOS

    ResponderExcluir
    Respostas
    1. Olá CorelDesign,

      Pode postar sim. Só peço que coloque os créditos realmente.

      Abraços

      Excluir
  36. geração .inc e assim ! nota 10 ajudou de mais .

    ResponderExcluir
  37. Obrigada por compartilhar! Ajudou muito!

    ResponderExcluir
  38. Marcelo,
    Eu gostaria de criar uma senha diferene para cada pessoa. Seria possivel ?

    ResponderExcluir
  39. Meu amigo, ao entrar na pagina Tema e clicar em editar HTML, não consigo localizar a tag ]]> através da janela Ctrl F. Será que estou fazendo algo errado? Existe outro caminho? Observação: minha versão de blogger não tem a aba Modelo e sim Tema.

    ResponderExcluir
    Respostas
    1. Olá boa noite vou tentar ajudar: Faça o seguinte, quando digitar ctrl f vai aparecer o espaço pra vc digitar o que está procurando, copia este código ]]></b:skin e cola lá e dar enter, ele vai aparecer grifado de amarelo .

      Excluir
  40. Olá pessoal, alguem poderia me ajudar? Gostaria de trocar essa frase: Enter the decryption key: , que aparece quando a pessoa clicar pra digitar a senha.

    ResponderExcluir
  41. É uma pena não estar funcionando mais.

    ResponderExcluir
    Respostas
    1. Olá R2 Celulares! Acabei de testar e está funcionando normalmente.

      Excluir
    2. Poderia me dizer se ainda está funcionando testei fiz todo passo a passo nada sem sucesso!!!

      Excluir
  42. Boa tarde tudo bem! Fiz o passo a passo mas no meu blogger infelizmente não deu certo! Aí criei um blogger de teste e fiz o mesmo procedimento e não deu certo tbm? Poderia nos dar um help por favor....

    ResponderExcluir
    Respostas
    1. boa tarde senhor Marcelo gostaria muito de usar esse script tem como nos ajudar? fiz todo o passo a passo, eu refiz mas não está funcionando poderia nos enviar ele funcionando no email ou atualizar o post que por sinal é muito top parabéns

      Excluir