Últimas Postagens

0 Like

9/03/2018 1 , , ,


Hoje 4 de setembro de 2018, recebi um e-mail do Facebook, avisando sobre o uso obrigatório de ssl ou como normalmente conhecemos o protocolo https.

Então é do projeto que até 6 de outubro de 2018 todos os aplicativos usem criptografia.
A reprodução da mensagem abaixo:

Hi, Jair,

We 're requiring that all uses of Facebook Login come from pages served over HTTPS by October 6, 2018. All Facebook Login redirects or access tokens must use HTTPS, and insecure access calls will stop working on October 6, 2018.

Be sure to enable HTTPS by this date so that your URLs redirect properly and your app is not affected.

HTTPS helps keep transmitted information private and helps protect the security of people using your app and Facebook Login.If you are currently using HTTP, you can follow these instructions to enable HTTPS.

Visit our Facebook developer blog to learn more:
    https: //developers.facebook.com/blog/post/2018/06/08/enforce-https-facebook-login/.


 Aqui no Blogger é fácil de optar pelo uso do ssl e sem custos, alguns problemas podem surgir, porém em sua maioria, de fácil correção.
 O conteúdo misto é o principal problema encontrado, mas agora com a meta-tag ficou muito mais prático, segundo o pessoal do Facebook.
 tenho uma postagem sobre esse assunto neste url:

https://www.verbratec.com.br/2018/02/https-ssl-no-blogger.html

Testando seu site e corrigindo problemas comuns
Para que uma página seja segura, todas as partes que a compõem devem carregar o HTTPS. Se o seu site não funcionar ou se o navegador estiver exibindo avisos após a instalação do certificado e a configuração do host da Web para suporte a HTTPS, você provavelmente terá conteúdo misto. Isso acontece quando uma página segura tenta carregar coisas inseguras. Por exemplo, em uma página HTTPS, os navegadores exibem um aviso ao carregar mídia como <img src = "http://example.com/test.png"> e bloqueiam completamente os scripts e outros conteúdos ativos carregados de maneira insegura, como < script src = "http://example.com/sdk.js">.

 Existem algumas maneiras de corrigir isso, como usar um script ou uma regra de reconfiguração para atualizar os caminhos de links em seu site. Mas a solução mais fácil é usar o recurso de solicitações inseguras de atualização da Política de segurança de conteúdo.

Você pode fazer isso configurando o seguinte cabeçalho HTTP:

Política de segurança de conteúdo: solicitações inseguras de atualização

Ou adicionando a seguinte tag ao <head> dos seus recursos HTML:

<meta http-equiv = "Política de segurança de conteúdo" content = "upgrade-insecure-requests">
ou melhor; <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

 O navegador da Web tentará automaticamente solicitar todos os recursos no documento com segurança. Você ainda deve testar seu site depois de aplicar essa diretiva, caso alguns recursos dos quais você dependa não estejam disponíveis por HTTPS e não carreguem.
A Microsoft fica pra trás como sempre, seu navegador não dá suporte a meta-tag.
Outro detalhe é que não se pode fazer tudo com meta-tags, apenas as primeiras encontradas são corretamente interpretadas, geralmente cinco ou seis, então considere isso.

Se você estiver usando um serviço CDN para atualizar seu site para HTTPS, ele poderá fornecer automaticamente serviços de reconfiguração de links para evitar conteúdo misto e outros problemas. Se a modificação do seu site for difícil para o seu negócio, um serviço de CDN como o SSL de um clique do Cloudflare pode ser uma maneira econômica de implantar o HTTPS com pouca necessidade de conhecimento técnico.
Dúvida? Deixe um comentário.
 Espero que esta postagem seja útil.
Abraço!
Veja mais
0 Like

8/25/2018 1
 Tenho visto tanta coisa por aí na web e algumas me apavoram.
  Costumo nas minhas palestras fazer uso de analogias e sempre acabo comparando com carro. Gente é possível dirigir e apenas dirigir, mas um básico o motorista deve saber; trocar um pneu que furou é uma dessas coisas bem básicas.
  Para blogar não precisa saber html, javascript, css e php, mas sim, o ideal é ter pelo menos uma noção de que parte atua em que parte.
  Sem muitas delongas, para criar um link usamos a tag a do html dessa forma:
  <a href='/p/arquivos.html' alt='Este link leva ao índice de arquivos do blog Verbratec' title='Veja um índice de nossos arquivos do blog Verbratec.'>Verbratec arquivos.</a>

  Podemos usá-lo para verificar se realmente funcionará:
  Verbratec arquivos.

 E para criar um link para uma postagem como fazer?
 No resumo da história, não precisamos usar a url base do blog/site, assim sendo usaremos assim:
<a href='/2018/03/dica-de-contexto-tooltip.html' alt='Veja como criar dica de contexto.' title='Como criar dica de contexto.'>Dica de contexto.</a>

 Agora algo mais interessante, pode-se criar links, para mostrar as postagens de um determinado marcador, usando simplesmente /search/label/Nome do marcador. aqui para o exemplo json. JSON
Também é possível criar para dois marcadores de forma simultânea, por exemplo: marcador widget e o marcador solda pode ser requisitado dessa forma, https://www.verbratec.com.br/search/label/?q=label:widget|label:solda.
No campo de pesquisa também pode-se digitar label:widget|label:solda e o resultado pode ser percebido claramente. Para criar um link para dois marcadores, manualmente seria por exemplo:
[code type="HTML"] <a title='Ver artigos com marcadores widget e solda.' href='/search/label/?q=label:widget|label:solda'> /search/label/?q=label:widget|label:solda</a> [/code]
/search/label/?q=label:widget|label:solda
Temos também a busca por palavra nas postagens e o link pode ser criado com:
   /search?q=solda assim mostra as postagens com a palavra solda.
Experimente o exemplo: Solda.

E sobre pesquisa cabe lembrar de dar uma olhada no arquivo de texto, seu blog mostra pelo link com terminação /robots.txt exemplo aqui: https://www.verbratec.com.br/robots.txt

O Blogger também nos permite, fazer uso de um outro blog para um subdomínio, como aqui no exemplo: verbratec.com.br e o blog.verbratec.com.br link: subdomínio Verbratec Blog
Fazendo uso do mesmo modelo de template, o internauta terá a impressão de não ter mudado de lugar.

Os links devem ser digitados manualmente, a forma automatizada do editor Blogger, coloca como host o próprio Blogger, substituindo a url base do seu blog/site como podemos observar na imagem.

Com o encerramento do Google Plus, voltamos a usar o perfil Blogger e aqui está o link para editar esses dados.

Para saber o quanto está usando de espaço no seu armazenamento atual Google One use este link.


Para ver seus álbuns no Google: https://get.google.com/albumarchive/
Para o meu jogo de arquivos Blogger na conta Google Verbratec e outros blogs de teste:https://get.google.com/albumarchive/110876067557608967668/albums/photos-from-blogger
Para gerenciar os vídeos Blogger o link é: https://www.blogger.com/video-management.g Fazer download e excluir são as opções disponíveis.
Tive a ideia de fazer uma página com os links das imagens, seria uma forma de organizar os arquivos, melhor é que se você gosta de trocar de template, a página estará sempre lá com todos seus links de imagens, tudo certinho. Porém ainda não coloquei isso em prática.
Certamente já observastes que existem links com terminações como view/flipcard também pode experimentá-lo com seu blog ou aqui mesmo:verbratec.com.br/view/flipcard
Isso é uma forma de trocar de layout e tem muitas utilidades, além do visual.
A terminação para smartphones, geralmente é usual ?m=1 então para desktops seria ?m=0, mas já viu por aí a troca com hl? É verdade, uma terminação ?hl=ar experimente ver esse blog/site com essa terminação:https://verbratec.com.br/?hl=ar
Link para administrar os blogs que devem aparecer(ou não) no seu perfil Blogger:Blogger displayed-blogs.
Via get acessa o xml com url-base/sitemap.xml, para o índice quando com muitos artigos use url-base/sitemap.xml?page=1 depois url-base/sitemap.xml?page=2 e assim sucessivamente.
Para ver o xml de páginas estáticas use url-base/sitemap-pages.xml fácil perceber o detalhe /p/ na parte central.

Temos o básico aqui, qualquer dúvida é só comentar, enviar um e-mail, entrar em contato ok?
Abraço!

Link para configurar rastreamento de suas próprias visualizações no Blogger:
Url base de seu blog/site mais /b/statsCookieManage?hl=pt-BR
Link do nosso mapa do site: https://www.verbratec.com.br/sitemap.xml
Você pode ver todos os resumos em https://www.verbratec.com.br/p/archive.html
Para ver a árvore de dados json http://www.verbratec.com.br/feeds/posts/default?alt=json copie todo o código e coloque no site http://jsonviewer.stack.hu/ click no botão viewer e obtenha a árvore organizada de forma coerente, meu navegador FireFox faz isso automaticamente.

Em 7 de outubro de 2020, testando a inserção de link. Vou colocar aqui um link para o canal Verbratec no YouTube.

Chegando lá deixe seu 'like', neste vídeo de como insere link na postagem Blogger.

Visite o canal e increva-se, estarei fazendo mais vídeos sobre a plataforma Blogger, html, css e assuntos relacionados.

Uma forma mais sofisticada de codificação, nos leva ao uso de 'dica de contexto' e assim podemos ver o vídeo aqui, simples assim.
Veja esse Este é apenas um demostrativo neste vídeo veja como inserir link, na postagem Blogger, interface 2020. mágico!

Mais uma vez, obrigado por sua presença! Obrigado Krika pela sugestão.
Veja mais
0 Like

4/14/2018 3 ,
Continuando o estudo de json e seu uso aqui no Blogger, hoje veremos mais alguns detalhes, sobre parâmetros de requisições.
Nem sempre o básico será suficiente, então poderemos usar outras opções.
Este é o mais usual, ao qual nos acostumamos:
https://nome-do-blog.blogspot.com/feeds/posts/default ...
No entanto podemos usar três tipos de fluxo, sendo este mais usual o um, temos ainda:
2- https://blogger.com/feeds/ID-do-blog/posts/default ...
3- https://www.googleapis.com/blogger/v3/...
Observamos o url:
https://www.blogger.com/feeds/5239447796149211682/posts/default/?alt=atom-in-script
Também temos: alt=rss-in-script e alt=atom-service, mas iremos usar por enquanto alt-json-in-script.
Para iniciar um estudo usaremos sempre em blog de testes claro, o padrão.
Marcador:
1 - https://www.blogger.com/feeds/BLOG_ID/posts/default?category=LABEL_NAME&alt=json-in-script&callback=extrai
Pesquisa:
2 - https://www.blogger.com/feeds/BLOG_ID/posts/default?q=QUERY_NAME&alt=json-in-script&callback=extrai
Páginas:
3 - https://www.blogger.com/feeds/BLOG_ID/pages/default?alt=json-in-script&callback=extrai
Comentários:
4 - https://www.blogger.com/feeds/BLOG_ID/comments/default?alt=json-in-script&callback=extrai

Então conforme o objetivo, podemos alterar os parâmetros requisitados e observar os resultados, diferentes, por exemplo:
https://www.blogger.com/feeds/5239447796149211682/posts/default?start-index=18&max-results=5&redirect=false&alt=json-in-script&callback=extrai
https://www.verbratec.com.br/feeds/posts/default?start-index=18&max-results=5&redirect=false&alt=json-in-script&callback=extrai
Complicou? Deixe seu comentário!
Me desculpe, na imagem está script style, já meio sonolento, é script type, mas agora vou deixar essa imagem. Fique de olho em eventuais erros.

Fluxo de extração de artigos.


Leitura sugerida:
https://bloggercode-blogconnexion.blogspot.com.br/2012/10/protocole-data-blogger.html#fil02
Sobre limites de fluxo feed Bloger:
Postagens: 1 - 150 https://meublog.blogspot.com/feeds/posts/default?max-results=150&start-index=1
Postagens: 151 - 300 http://meublog.blogspot.com/feeds/posts/default?max-results=150&start-index=151
Postagens: 301 - 450 http://meu.blogspot.com/feeds/posts/default?max-results=150&start-index=301

Mostrar postagens mais antigas primeiro.

Veja mais
0 Like

4/02/2018 2 , , ,
Escrever sobre curtir no Facebook, me parece relevante, acredito que assim como eu, a maioria gosta de cada curtida recebida, sempre foi e sempre será algo positivo, que incentiva aquele que cria conteúdo a continuar sua caminhada e inovar. Eu confesso que estou só observando, tudo mudou muito rápido e há sempre muitas coisas pra fazer, acabei me perdendo nos identificadores, depois confundi um aplicativo com outro, pois não lembrava mais e ainda não lembro, por isso continua fora do sincronismo ideal, na última tentativa o Facebook pediu o url da página de política de privacidade que ainda não tinha aqui, daí mudei o foco e fui fazer e é assim que é a vida.
Infelizmente não há tempo suficiente para vivermos tudo o que queremos, nos resta então curtir os momentos que temos.
Na oportunidade aqui compartilho o plugin Colorbox que é muito usado para trabalhos com imagens, também usa cookies no controle, de forma que apresenta uma vez só 'aqui', com esse visual bonito e com efeito moderno, se torna prazeroso para o visitante, podendo até levá-lo a dar uma curtida. Se bem que aqui é Brasil e as pessoas olham, usam e muitas vezes nem dizem "obrigado por ajudar".
Então não espere muito desse aparato, se for usar em seu blog/site.
Pelo que tenho notado uma grande parte dos tutoriais está obsoleto e muitos scripts não funcionam mais, assim é está uma boa oportunidade para muitos usuários, fazer uma atualização, pois vou disponibilizar aqui uma séria de códigos, visando essa parte 'atualizar as coisas' com algo útil, bonito, fluído, como json, jquery, css3, html5 e sempre lamentando que o Blogger não suporte php, kkk.
Você deve aceder o link do Colorbox caso queira ver os exemplos de uso.
Após o abraço aquele da despedida, deixarei as duas marcas vermelhas, para facilitar a cópia do código que estará completo entre as elas, numa div name=copie colocarei um localizador dentro e no início, facinho! O principal é trocar o nome da página do Facebook, dá um Ctrl F e busca verbratecajuda deleta e escreve o nome da sua página, simples assim. Claro que pode editar tudo o que desejar, isso é OpenSource, então comemore!
Comemore 20 anos de código aberto A Open Source Initiative (OSI) está comemorando seu 20º aniversário em 2018. O rótulo de código aberto foi criado em uma sessão de 3 de fevereiro de 1998 em Palo Alto, Califórnia. Nesse mesmo mês, o OSI foi fundado. Como uma organização global sem fins lucrativos, o OSI protege e promove software, desenvolvimento e comunidades de código aberto, promovendo a liberdade de software na área de educação, colaboração e infraestrutura, protegendo-se a Código Aberto (Open Source Definition - OSD). e impedindo o abuso dos ideais e do ethos. inerente ao movimento de código aberto.
Para os iniciantes fiz uma imitação de vídeo mostrando o caminho.

Então tá, um abraço e até a próxima!
Clique neste localizador.
Junte-se a nós, curtir é incentivar esse trabalho!


Veja mais
0 Like

3/29/2018 1

Hoje vou deixar aqui o css para tooltip, pois muitas vezes é necessário fazer uso dessa janelinha flutuante, para mostrar um detalhe a mais, seja sobre o vocábulo em si ou o contexto geral do projeto.

Confesso que tenho preguiça de fazer uso, mas é bem simples, depois que se tem o css no template do seu blog, basta referenciar a classe e zás a mágica acontece.

Claro que não se coloca qualquer código, tudo precisa ser coerente, para o vídeo por exemplo note que é uma tag responsiva.


Aqui usei a classe toolvbt para não dar problema com outros aplicativos, mas você pode usar qualquer nome de classe que lhe convier.

Para os 'desavisados'; o vídeo tem áudio então melhor verificar o volume de seu dispositivo antes de dar o play. Cabe lembrar também que é algo sensível ao toque, de maneira que se pode usar no smartphone sem problemas, toque no "i" e 'voilá', sua dica de contexto estará ao vivo!

Nosso vídeo Este é apenas um demostrativo de uso de tooltip informações adicionais. Você pode inserir fotos, videos ou simplesmente uma frase a mais para orientar seu discurso.  antigo.

Adicionando css em seu blog/site, com font awesome você faz algo impressionante! Com pouco código.

Nem se quer há necessidade de marcar o código, tal a simplicidade. Insere o css na sua skin tag e depois insere o conteúdo desejado na tag a class='suajanelinha', isso é css3.

Até mais, um abraço!


Veja mais
0 Like

3/23/2018 1 ,
Prosseguindo nosso estudo e uso de json, vamos mostrar o mesmo widget aqui, com páginas do nosso blog, isso mesmo, o mesmo script com o mesmo css. O que muda é apenas uma palavra; sai posts e entra pages.
Agora já não mais necessitamos de marcas, uma vez que o código, está disponível na postagem anterior.
Bom sempre lembrar de inserir pelo menos uma imagem em cada postagem para que os aplicativos funcionem bem.



E é assim que é!
Em 2020 com o novo construtor, enquanto não resolvo tudo, terei que retirar o código daqui.

Leitura sugerida http://www.danpros.com/2013/08/blogger-json-feed-api

Abraço e até mais!
Veja mais
Assinar: Postagens (Atom)
Verbratec © Direitos reservados. Verbratec
Tecnologia Blogger

Jair de Jesus

Estudante de música, guitarra clássica, HTML, CSS, json, Blogger e tal.{picture#https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_X8kjnFQ6gqz7mpAsGYmndUBnVFuhUwtt2T4rjn6FnitkZZUulhSIzmhVsYGWIHULCAqOObPV3xw9ru-dSPBPuWhT9PGtv-XEK1A5I6l8bJtjEjRsYYleMWoCvtjOtVhDRusviMdEFBU/s35/jair.jpg}{facebook#https://facebook.com/verbratecajuda}{youtube#https://youtube.com/@estudoviolaoclassico} {twitter#https://twitter.com/verbratecajuda}

Formulário de contato

Nome

E-mail *

Mensagem *