fevereiro 2018




HTTPS no meu blog! Sim.


  O Blogger disponibiliza para seus usuários o protocolo seguro.
  Para ativar o 'ssl' você só precisa fazer login por este link:
  https://draft.blogger.com/ e usar seu conhecido painel administrativo, escolha o blog, clique em configurações, role a página até HTTPS e diga sim para: Disponibilidade de HTTPS.
HTTPS Blogger ativado.

  Esta postagem é mais uma forma de esclarecer alguns detalhes técnicos que mudam em relação ao http.
  Para quem está iniciando um blog/site no Blogger agora, basta criar e configurar, sem maiores problemas.
  O problema maior é para que já possui um trabalho mais extenso, com muitos urls, sejam de links, imagens, scripts ou quaisquer outros, pois tudo deverá mudar para https, e o programa do Blogger não faz isso de forma automática, será preciso abrir as postagens para edição, de uma a uma e acrescentar o "s" no http.  Você encontrará algumas correções automatizadas, essas informações estão na ajuda do Google/Blogger.
Isso será feito em links, tags de imagem e scripts, principalmente, recomendo que tudo seja passado para https. Inclusive o template, então não esqueça de fazer o bom e velho download do seu arquivo template.xml ok?

  A próxima dica é sobre o código de pesquisa, pode ser que note algo errado, eu por exemplo uso action="https://www.verbratec.com.br/search" ou seja, apenas acrescentei o "s", porém tive problemas com retorno de nomes compostos (ainda não resolvido).
  Fique atento.
  Problemas na busca, no formulário de pesquisa com código:
expr:action='data:blog.searchUrl'
  Acrescente o https dessa forma:
 expr:action='data:blog.searchUrl.https'

 Você precisa editar o robots.txt arquivo em configurações, pesquisa e deixá-lo similar a este, lógico trocando pelo nome do seu blog:
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: https://www.verbratec.com.br/sitemap.xml

Se você tem algo em páginas estáticas e deseja indexar, então será preciso enviar também sitemap-pages.xml veja exemplo do url:
https://www.verbratec.com.br/sitemap-pages.xml


 Não perde tempo, acesse o seu painel searchconsole do Google e envie o novo sitemap agora com https.


 Agora penso que está tudo pronto então preciso confirmar, para isso acesse:
https://www.jitbit.com/sslcheck/ insira o url base do seu site e clique em verifique se há erros de SSL. Claro que um bom resultado dirá que não há erros, se houver o programa irá mostrar quais são e onde estão.
 Nenhum erro agora, então vamos prosseguir, acesse esta ferramenta https://www.missingpadlock.com , para obter resultado 0, eu disse "zero" em todos os aspectos.
 Todo o procedimento é simples, mas pode se tornar complexo, no momento em que for preciso se desfazer de alguns gadgets, ou reescrever scripts, realocar arquivos, etc. Precisando de ajuda entre em contato. Deixe sua opinião, dica ou crítica nos comentários dessa postagem.
 Abraço e até a próxima.

A forma mais simples de verificar se seu blog está no "padrão" e respondendo de forma segura é, requisitando todas as postagens no modo dinâmico, simplesmente https://www.verbratec.com.br/view/flipcard adicione: /view/flipcard ao url base do seu blog/site Blogger. Se estiver tudo certo o "cadeado" se manterá verde, se não após tudo carregado e haverá uma indicação junto ao mesmo.

Para localizar algum problema "pontual" você pode requisitar com script, pelo feed, de dez em dez postagens e isso facilita "muuiiito".


Visitei o blog conforme mostra a imagem abaixo, está tudo normal, talvez tenha lhe ocorrido algum problema temporário; quinta-feira 3 de novembro de 2022. O cadeado citado pode ser observado na imagem ao lado do nome de seu blog, na parte superior esquerda.




Abraço!


Ícones para substituir imagem e aliviar o peso de sua página. Muito mais fácil de usar.
Para facilitar o uso da font aqui os ícones e seu códigos com exemplo de uso.
Você pode ver muito mais no site do desenvolvedor https://fontawesome.com/ e conhecer o projeto no GitHub https://github.com/FortAwesome/Font-Awesome.
Estamos em 2018 e é nosso dever fazer uma web melhor para todos.
Creio que usar esses ícones é uma maneira de dizer o quanto da web. Assim é o código HTML para inserir o ícone, 'facinho' né!

A parte gráfica é assim:








O html é assim:

<i class="fa fa-camera"></i>
<i class="fa fa-1 fa-camera"></i>
<i class="fa fa-2 fa-camera"></i>
<i class="fa fa-3 fa-camera"></i>
<i class="fa fa-4 fa-camera"></i>
<i class="fa fa-5 fa-camera"></i>
<i class="fa fa-6 fa-camera"></i>
<i class="fa fa-2 fa-spinner fa-spin"></i>
<i class="fa fa-2 fa-refresh fa-spin"></i>
<i class="fa fa-2 fa-cog fa-spin"></i>

Novos ícones versão 4.0


fa-rub
fa-ruble
fa-rouble (alias)
fa-pagelines
fa-stack-exchange
fa-arrow-circle-o-right
fa-arrow-circle-o-left
fa-caret-square-o-left
fa-toggle-left (alias)
fa-dot-circle-o
fa-wheelchair
fa-vimeo-square
fa-try
fa-turkish-lira (alias)
fa-plus-square-o

 Uma das coisas que faço na internet é ver filmes e séries, principalmente no Netflix né!
 Navegar na web é bom mas os anúncios, bah! Por mais que a gente saiba que muitos gostam, de ganhar um dinheirinho para custear seus sites, outros de ganhar um dinheirão com anúncios armadilhas, intrusivos, e tal e tal, a gente não quer ver anúncio na maioria absoluta das vezes, então nos resta ativar o Adblock.
 Acontece porém que o Adblock acaba bloqueando algumas funções em javascript, que podem até passar desapercebidas para o internauta, mas que para o desenvolvedor se tornam um problema a mais.
 Percebi ao acaso sinceramente.
 Por ter certeza absoluta que o código estava correto de ponta de a ponta, tinha que funcionar, aí desativei o Adblock pois ele acusou bloqueio, recarreguei a página e tudo certo. ah! Então é um fato, o Adblock não bloqueia apenas anúncios como muitos pensam.

Como prometido pra mim mesmo, este ano de 2018 irei publicar mais, mesmo que seja alguma bobagem como essa.

Até a próxima!

 

Última revisão em 16 de março de 2018.


[success title="Ainda sem propagandas aqui!" icon="check-circle"] Artigo atualizado em 22 de novembro de 2020. [/success]
Código utilizado para o Adblock, usa uma condicional de igualdade no url.

Jair de Jesus

Estudante de HTML, CSS, json, Blogger e tal.{picture#https://1.bp.blogspot.com/-nLQAtnyjw9Q/XgewzgENccI/AAAAAAAAFJw/hVY1XC8En2EEMSDsJWk3J4_UTMNDxGR8gCK4BGAYYCw/s35/jair.jpg}{facebook#https://facebook.com/verbratecajuda}{youtube#https://youtube.com/verbratec} {twitter#https://twitter.com/verbratecajuda}

Formulário de contato

Nome

E-mail *

Mensagem *