COMO CRIAR UMA ÁREA DE LOGIN PARA O BLOGGER

Uma das desvantagens do Blogger em relação ao WordPress, é a limitação do uso de determinados códigos, que impossibilitam a implantação de certas funcionalidades.

Acessar

Exemplos destas limitações são a proteção de conteúdo com  senha, e a criação de páginas com login, que se tornam quase   inviáveis utilizando a plataforma Blogger.

Hoje vamos mostrar como criar uma espécie de área restrita para o Blogger, o resultado final é muito bom.

Veja o exemplo que criamos AQUI: A chave é 12345

Primeiro passo:

Vamos instalar o plug-in no blogger

Faça login no blogger e clique em modelo, em seguida clique em Editar HTML. Pressione as teclas WINDOWS+F e procure por ]]></b:skin> agora cole o seguinte código logo abaixo.

<script type="text/javascript" src="https://www.vincentcheung.ca/jsencryption/jsencryption.js"></script>

Clique em Visualizar, e se estiver tudo certo clique em Salvar modelo.

Segundo passo:

Vamos precisar encriptar o conteúdo que você quer restringir

Após criar a postagem com os dados que deseja tornar sigiloso, clique em HTML e copie a parte do código que você vai encriptar.

Parte do código fonte

Terceiro passo:

Vá até este site e cole o conteúdo que copiou no campo Plain text, na parte de cima onde diz Key, digite a chave que desejar pode ser letras e números.

Não esqueça a chave que digitou! Pois sem ela ninguém vai poder ver o conteúdo, e nem você vai poder editar depois.

Agora clique em Encript, para codificar o conteúdo. Feito isto, basta copiar o código que irá aparecer em HTML code.

O código que aparece em Cipher Text é seu texto encriptado, copie e salve no computador para poder editar futuramente.

Encriptando o conteúdo

Quarto Passo:

Volte a postagem que criou, e delete a parte do código que você copiou no segundo passo.

Agora cole o código que copiou do HTML code no lugar. Pronto, seu texto foi codificado!

Como Alterar o Código?

Exemplo:

<div id="uniqueID" title="encrypted text">
    <a href="javascript:decryptText('uniqueID','Digite a chave:)">Show encrypted text</a>
</div>

A parte vermelha você pode substituir por ENTRAR, ou LOGIN etc… é a chamada da janela.

Note que acrescentamos a palavra Digite a chave em uniqueID, isso é para traduzir o texto da janela para o português.

Para desencriptar o texto e editar, basta colar o código que você salvou no Cipher Text, digitar a chave em Key, e clicar em Decrypt, o texto original irá aparecer em Plain text.