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.
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.
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.
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).
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.
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.
Quando alguém clicar no título do texto protegido, receberá uma pop-up como esta abaixo, onde ela deverá inserir a senha.

Artigo escrito por Marcelo
Sou formado em Sistemas de Informação pela UFMG e pós-graduado em Segurança da Informação. Trabalho com TI há mais de 5 anos e sou professor particular de inglês. Nas horas bem vagas costumo arranhar uma guitarra e sou fã do bom e eterno rock'n'roll.
Receba as atualizações automaticamente
Marcelo, isso é 10. só gostaria desse codigo ai. não da pra ver nada. quebra essa.
ResponderExcluirOlá Carlos,
ResponderExcluirDesculpe, mas não entendi sua dúvida. Qual código você diz?
Abraços
Marcelo o HTML code o que esta dentro da caixa azul
ResponderExcluirCarlos, o que está dentro do HTML code é o seu texto em modo encriptado. Você gostaria dele em que sentido? Em texto puro?
ResponderExcluirAbraços
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
ResponderExcluirQualquer coisa é só chamar, Carlos.
ResponderExcluirVolte sempre que quiser e puder.
Grande abraço
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.
ResponderExcluirObrigado
Abraço
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.
ResponderExcluirÉ 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
Marcelo, achei ótimo o tutorial e funcionou mesmo. Muito obrigada, meu caro!
ResponderExcluirO ú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.
Olá Bruna, uma pergunta: você usa o editor novo ou antigo do Blogger?
ResponderExcluirMuito bom. Valeu Marcelo, valeu mesmo!!!
ResponderExcluirValeu Maycon.
ExcluirAbraços
Ola, Não deu pra visualizar por inteiro o código Javascript que ficará abaixo de ]]> tem como mostralo por completo
ResponderExcluirComo assim amigo? O código está sendo exibido na íntegra.
ExcluirOlá 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?
ResponderExcluirE parabéns pelo post, bem explicativo.
Olá Gilvan, seja bem-vindo!
ExcluirBem, 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!
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.
ExcluirOpa 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.
ExcluirGrande abraço
Olá marcelo, eu queria tirar uma duvida com você.
ResponderExcluir3. 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?
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?
ResponderExcluiresperando a resposta....
abrs
Leia o 4 passo do tutorial amigo.
ExcluirOi 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 =/
ResponderExcluirDesde já, muito obrigada!!
Olá Roberta, boa tarde!
ExcluirBoa 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
Olá Marcelo,
ResponderExcluirSe 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.
Olá,
ExcluirQue eu saiba não, a pessoa não consegue ver seu e-mail.
.
ResponderExcluirPerfeito! Vc é um anjo! Era uma das coisas que eu precisava. Obrigada!
ResponderExcluirMuito boa essa sua dica. Acetei na primeira e funcionou, Obrigado. Mas vou abusar mais.
ResponderExcluirTenho 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
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.
ExcluirEnfim, não tem como.
Obrigado Marcelo. Já vou usar essa ferramenta.
ResponderExcluirAbraço
nao tem como colocar em portugues o Enter the decryption key? responde urgente por favor abraços
ResponderExcluirOlá 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!
ResponderExcluirUm forte abraço!
Att, Vinicius Souza.
Como Ficar Rico Trabalhando Online em Casa na Internet!
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?
ResponderExcluirBoa noite,
ExcluirColocar 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ê.
Olá tem como fazer para colocar senha em todo o blog?
ResponderExcluirTipo ao entrar no blog aparecer um caixinha pedindo uma senha para entrar?
Valeu cara sucesso aí!
ResponderExcluirObrigado mesmo pela a dica.
Valeu
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?
ResponderExcluirNÃO CONSEGUI VER ONDE ELE PODE SE ENCAIXAR... ME DESCULPE A IGNORÂNCIA!
Olá,
ExcluirVocê deve substituir o texto da sua postagem (que deve estar na área HTML) pelo código do site.
Este comentário foi removido pelo autor.
ResponderExcluirMeu 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?
ResponderExcluirOla, Marcelo, como faria para proteger todo o blog com uma senha inicial logo no primeiro acesso?...Obrigado.
ResponderExcluirOi , 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?
ResponderExcluirBoa noite Marcelo,
ResponderExcluirVocê 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
Ola, muito boa mesmo essa dica. Testei aqui e deu quase tudo certo, menos uma coisa e gostaria muito de ajuda.
ResponderExcluirEncriptei uma postagem com vídeo, e quando vou colocar a senha pra desbloquear o vídeo não aparece.
É assim mesmo?
Olá, essa dica é ótima!!
ResponderExcluirAgora e se eu quiser desbloquear o post? Como faço para utilizar o código antigo sem a senha?
uso essa função no meu site, mais os comentarios permanecem amostra, é possivel ocultalos tbm, so para a pagina bloqueada?
ResponderExcluirMUITO BOM SEU TUTORIAL, ME AJUDOU EM ALGUMAS COISAS MUITISSIMO EXPLICADO... BRIGADO!!!
ResponderExcluirQUERIA SUA AUTORIZAÇÃO PARA DIVULGAR ISSO EM MEU BLOG DANDO CRÉDITOS A VC...
ResponderExcluirABRAÇOS
Olá CorelDesign,
ExcluirPode postar sim. Só peço que coloque os créditos realmente.
Abraços
geração .inc e assim ! nota 10 ajudou de mais .
ResponderExcluirObrigada por compartilhar! Ajudou muito!
ResponderExcluirMarcelo,
ResponderExcluirEu gostaria de criar uma senha diferene para cada pessoa. Seria possivel ?
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.
ResponderExcluirOlá 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 .
ExcluirOlá 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É uma pena não estar funcionando mais.
ResponderExcluirOlá R2 Celulares! Acabei de testar e está funcionando normalmente.
ExcluirPoderia me dizer se ainda está funcionando testei fiz todo passo a passo nada sem sucesso!!!
ExcluirBoa 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....
ResponderExcluirboa 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