Ad

fica

appvbt

menu css interativo json

Procurando...

Acompanhe, partilhe!

Login Logout Version

Bem vindo a Verbratec!

Contato Sobre Mapa do site

14 de nov de 2018

Jair de Jesus
Textual description of firstImageUrl

Bem-vindo à verbratec!




   Este é o local onde se obtém a indicação de como fazer, ou preferindo; poderá contratar nossos serviços!
   Expor o seu trabalho na web é fundamental para o seu cliente, pois é ele que busca a informação. Sim nós podemos ajudar de uma forma ou de outra!
   Seja com html, css, dicas, configurações! Elaboração de textos, imagens, vídeos, tudo para enriquecer o seu empenho na satisfação do cliente, possibilitando uma informação completa sobre seu produto ou serviço.
   Conte com a gente para criar seu conteúdo, o seu blog/site.

Coloque o seu local no mapa!



   Obrigado pela visita!


Exibir mapa ampliado

   Novidades aqui são inseridas desta forma; com cores diferentes e data para que o internauta tenha conhecimento de quanto atualizado está o material do site.
O Blogger muda tudo muito rápido e isso é bom, mas muitos tutoriais deverão ser reeditados já que ficam obsoletos. Qualquer dúvida entre em contacto e terei o maior prazer em ajudar!
   Auxílios são gratuitos, lembrando que ajudar não é fazer. Poderá sim contratar nossos serviços e por exemplo tornar https://seublog.blogspot.com.br em https://seublog.com.br fazendo registro e configurando o DNS para o Google/Blogger, mostrando seu local na web para smartphones, tablets e computadores, por um preço muito mais do que razoável. É uma nova web e estamos usando os recursos possibilitando melhores condições para o usuário!

Editado 18-02-2018

Central de Ajuda
ipconfig/flushdns comando cmd Windows limpar DNS

Para ver os videos visite o canal Verbratec no YouTube por favor! Obrigado por sua visita!

13 de nov de 2018

Jair de Jesus
Textual description of firstImageUrl

enquete

O Blogger descontinuou o gadget 'Enquete' mas você tem outros recursos, como por exemplo, aqui usamos o formulário do Google para lhe perguntar, que recurso você gostaria de ter aqui nesse blog/site?



Estamos interessados em saber o que você gostaria de encontrar em nosso blog/site, seja código, widget, gadget, função ou recurso. Então colocamos este formulário, sua resposta estará em nosso e-mail e certamente fará a diferença, participe e lembre que um recurso simples pode ajudar muitas pessoas. Abraço e obrigado por sua visita!



Para criar sua enquete acesse: https://docs.google.com/.
Para incorporar a enquete ao seu blog, use a tag iframe, html em uma postagem ou página Blogger.
1

30 de set de 2018

Jair de Jesus
Textual description of firstImageUrl

Upgrade versão do sistema.

Hoje passei algumas horas aqui. Saio um pouco triste, por não ser possível fazer tudo como pretendo, em tão pouco tempo. Pretendia fazer funcionar os comentários e consegui, comenta e responde sem erros. Aconteceu de ser meu template muito antigo(version2) incompatível com os novos códigos. O Blogger diz que não, que funcionam ambos, separados os misturados. Não acreditava antes e agora muito menos, pois depois de atualizar para a versão 3, grande parte dos scripts, gadgets, apps e/ou widgets, deixaram de rodar suas funções. Pelo que percebi até o momento, deletando e reinserindo, resolve, o problema é tempo pra fazer isso.
O ideal seria ter uma informação direta do Blogger, cabe a nós imaginar, que enquanto no WordPress o programa pede para atualizar, aqui devemos adivinhar. Creio que ao atualizar a "skin='1.0.0'" os registros dos widgets no banco de dados se perdem. Da mesma forma imagine que você não usa marcadores, logo não há registro de um gadget do tipo "label" no banco de dados de seu blog, imagine instalar um template novo que possua um lindo gadget de marcadores, você baixa o template, instala e "nada di nada" ou dá erro bx, ou não funciona por não ter registro no banco, mesmo que o código do template esteja exato.
Hummm! Sem querer acabei de explicar um erro bx.
Uma imagem do painel antigo.


De diferente na nova versão, temos o olho que tudo vê, será?


No gadget Google+ observamos que para a "version 1" não tem os ícones do olho e lápis, está escrito editar.

No mesmo gadget do Google+ em sua versão 2, há o ícone do olho e o link para editar é o lápis.
Mais uma imagem, ainda da versão dois, agora com o deslocamento bloqueado, percebe-se a ausência da lista verde escura com os pontinhos.

A mudança maior é claro que está no html e suas novas tags:
<b:widget-settings>
<b:widget-setting name='setting-name'>
<!-- ajuste do valor aqui -->
</b:widget-setting>
</b:widget-settings>

Tem como aprender tudo?
O conteúdo precisa estar "parseado" ou aninhado na tag "CDATA"  ao usar html, assim:
 <b:widget id='HTML321' locked='true' title='teste!' 
type='HTML' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'>
<![CDATA[<span>Estou por aqui!</span>]]></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- Mostre o título se não estiver vazio -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
 <b:include name='quickedit'/>
</b:includable>
  </b:widget>

Estou ciente de que meu público é pequeno, diante dos 7 bilhões de terráqueos, mas saiba que tenho respeito por você que está lendo agora, então aproveito para lhe pedir desculpas, provavelmente encontrarás algo errado aqui, parado ou ausente, logo voltará ao normal, palavra de escoteiro, rsrsrs.
Qualquer dúvida deixe um comentário. As partes novas estarão com bordas verdes, tracejadas(dashed) em princípio, como as funcionalidades (slider) para mostrar imagens de páginas estáticas, na lateral e a funcionalidade de navegação, com imagem da postagem anterior e próxima(mais recente, mais antiga.
Espero que seja algo útil e que gostem. Aquele abraço e até breve!

1

16 de set de 2018

Jair de Jesus
Textual description of firstImageUrl

Pager link fácil.



Mas o que é pager link?
É aquele link ao fim da postagem que geralmente está com: postagens mais recentes, postagens mais antigas.
Tem um meio fácil para mostrar o título da próxima postagem, ou anterior, ali no mesmo local, basta inserir um gadget HTML/javascript com este código:

<style type="text/css">

#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}

</style>

<script type="text/javascript">

$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
});

</script>
Salvou está pronto, simples assim.
Pra facilitar ainda mais, use o botão abaixo.




Obrigado por sua visita e aquele abraço!
1

3 de set de 2018

Jair de Jesus
Textual description of firstImageUrl

SSL Facebook



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!
1

25 de ago de 2018

Jair de Jesus
Textual description of firstImageUrl

Básico sobre links no Blogger.

 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 postagens 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

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.

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.
Temos o básico aqui, qualquer dúvida é só comentar, enviar um e-mail, entrar em contato ok?
Abraço!
1

14 de abr de 2018

Jair de Jesus
Textual description of firstImageUrl

Feed Blogger json

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
1

2 de abr de 2018

Jair de Jesus
Textual description of firstImageUrl

Convite pra curtir fanpage.

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!


2

29 de mar de 2018

Jair de Jesus
Textual description of firstImageUrl

Dica de contexto tooltip.


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!


1

23 de mar de 2018

Jair de Jesus
Textual description of firstImageUrl

Json em páginas Blogger

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 é!


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

Abraço e até mais!
1

21 de mar de 2018

Jair de Jesus
Textual description of firstImageUrl

Postagens deslizantes.

Para 2018 novas postagens sobre os mais diversos assuntos e um deles é o template que deverei trocar em breve, estou trabalhando no projeto, experimentei vários e não gostei de nenhum! Encontrei defeitos em todos, assim como no meu, kkkk.
Tem a minha parte de experimentos que pretendo manter e tem a nova parte em que pretendo compartilhar códigos, então a ideia é, fazer uma postagem com o resultado e fornecer o código dele na mesma postagem, o que ao meu ver é algo inovador, já que a maioria absoluta do que vi até hoje, possui demo em separado e quando muito!
Antes pensei em fazer widgets e aí o Google lançou essa séria de novidades no Blogger, mas mesmo assim, a gente sempre quer algo diferente.
Nos resta estudar muito e fazer o pouco que nos cabe, para obter este resultado diferente.
Claro que a maioria faz apenas copiar e a prova maior disso é quando ocorre algo como o servidor parou, oh! E agora!
Então se você estuda um pouco, logo aprende alguns macetes, que lhe evitam dores na "moringa".
Macete é algo como, um script não precisa estar no servidor "X" ou 'Y', note que script é processado no cliente, então eu posso colocar o script aqui e quando você acessa, seu telefone, ou seu computador irá processá-lo.
Assim sendo eu evito que o servidor x pare de funcionar e deixe minha página em branco, também se fica mais seguro quanto a eventual alteração que possa haver no arquivo.
Hoje vou tentar compartilhar aqui um código de "slider" com imagens claro mas configurável, como dito de início é preciso um conhecimento mínimo de html, javascript e css.
Não é apenas copiar e colar, é ir percebendo o que se coloca onde, css, javascript, html, ora, se o javascript vai colocar algo num elemento html, esse elemento html tem que pré-existir ou você precisa usar o próprio javascript para criar o elemento html.
Vamos ver se funciona então, tudo aqui; css acima, html no meio, o script logo abaixo e por último a chamada da funcão, bem embaixo.
Uns chamam de bug, eu creio que é sacanagem de um programador Blogger, o programa Blogger simplesmente troca javascript void(0). Ah! sacanagem!




Conseguimos? Sim. Talvez muitas pessoas nem imaginam que se pode colocar conteúdos que estamos acostumados a ver na sidebar, em uma postagem, muito menos que dá pra colocar todo o código aqui mesmo, dentro do corpo da postagem.
Um passo a mais foi dado, mas a caminhada é longa!
Você já pode imaginar o que dá pra fazer com json, se é possível clicar no número e ver uma imagem "x" então podemos fazer isso com o resumo e até com a postagem completa.
Já observou como funciona o resumo do blog? Vai lá, dá uma olhadinha.

Para seu estudo e experimento, todo o código do slider está entre as marcas vermelhas e não perde o próximo episódio, adicione este blog à sua lista, clique na estrelinha:
Abraço e até a próxima!
1

20 de mar de 2018

Jair de Jesus
Textual description of firstImageUrl

JavaScript json Blogger um estudo.

Segunda parte do estudo de json, formas de usos no Blogger.
Nessa parte vamos ver, segundo a tradução, como liga de volta: "callback".
Eu quero que ligue de volta numa função javascript, posso dar qualquer nome para essa função, por exemplo "vbtlist" como que 'listando verbratec' e no script fica assim:
<script src="https://www.verbratec.com.br/feeds/posts/default?alt=json-in-script&amp;callback=vbtlist" type="text/javascript">    
</script>

E você é esperto e acaba de perceber que a forma de chamada é a mesma que usamos para requisitar o uso de uma biblioteca "JQuery" ou "FontAwesome" por exemplo, ou seja, tudo muito simples, quando entendemos como funciona.

 Agora vamos escrever o script do tipo javascript:

<script type="text/javascript">      
function vbtlist(json) {       
for (var i = 0; i < json.feed.entry.length; i++)       
{       
var TotalPosts = json.feed.openSearch$totalResults.$t;       
  }

    var listing = "Total = " +TotalPosts+ " Posts" ;       
document.write(listing);       
}       
</script>
Então juntando as duas partes, temos abaixo o resultado em verde.




Como pode perceber, se você usa F12 no FireFox por exemplo, observa o resultado do script, como vemos na imagem.


Prosseguindo com o estudo, temos:
https://www.meublog.blogspot.com.br/feeds/posts/default?alt=json-in-script&callback=minhaFunctionJs
E então adicionamos mais parâmetros:
https://www.meublog.blogspot.com.br/feeds/posts/default?alt=json-in-script&callback=minhaFunctionJs&max-results=1000&start-index=1
E max-results e start-index, como você deve saber, instruem a plataforma Blogger a retornar um número máximo de feeds de 1000 (neste exemplo de URL), a partir do primeiro feed disponível ordenado pelo último publicado. Nos vários exemplos sobre o mesmo tópico, você pode encontrar praticamente todos os valores máximos para um número como 999999 para ter todos os feeds retornados em uma chamada. No entanto, googling ao redor, parece que há o suspeito Google definir um limite máximo de feeds é possível entrar em uma única chamada. Como de costume, esse limite "oficial" é indocumentado do que, apenas para evitar problemas, neste exemplo, vou escolher extrair os feeds com etapas de 1000, você pode aumentar esse valor se quiser. Fonte completa de código javascript:
 



<script type="text/javascript">
    var StartIndex = 1;
    var MaxResults = 1000;

    function minhaFunctionJs(BlogData) {
        var Feed, i;

        for (Feed = BlogData.feed, i = 0; i < Feed.entry.length; i++) {
            var PostUrl, ImgUrl, Entry, Content, Title, x;

            Entry = Feed.entry[i];
            Content = Feed.entry[i].content.$t;
            Title = Feed.entry[i].title.$t;
            ImgUrl = PostUrl = '';

            if (typeof Feed.entry[i].media$thumbnail !== 'undefined') {
                ImgUrl = Feed.entry[i].media$thumbnail.url;
            }

            for (x = 0; x < Entry.link.length; x++) {
                if (Entry.link[x].rel == 'alternate') {
                    PostUrl = Entry.link[x].href;
                    break;
                }
            }
            // Aqui você tem todos os dados básicos do post, use como quiser   
        }

        if (i < MaxResults) {
            //Todos os feeds foram extraídos
        } else {
            var ScriptObj = document.createElement('script');

            var FeedsUrl = 'https://www.meublog.blogspot.com.br/feeds/posts/
default?alt=json-in-script&callback=minhaFunctionJs&max-results=' + MaxResults + 
'&start-index=';

            StartIndex = (StartIndex + MaxResults);

            ScriptObj.src = (FeedsUrl + StartIndex);
            document.body.appendChild(ScriptObj);
        }
    }

    function StartFeedsExtraction() {
        var ScriptObj = document.createElement('script');

        var FeedsUrl = 'https://www.meublog.blogspot.com.br/feeds/posts/
default?alt=json-in-script&callback=minhaFunctionJs&max-results=' + MaxResults +
 '&start-index=';

        ScriptObj.src = (FeedsUrl + StartIndex);
        document.body.appendChild(ScriptObj);
    }
</script>

<script type="text/javascript">
    StartFeedsExtraction();
</script>



Esta chamada inicia o processo de extração de feeds. Basicamente, ele insere dinamicamente uma chamada em um URL formatado para obter os feeds do blog. Depois que o processo foi iniciado corretamente, o minhaFunctionJs() foi chamado automaticamente com o intervalo de dados dos feeds solicitados. O primeiro ciclo extrai as informações básicas do post, como conteúdo, título, URL do post e URL da imagem (se a imagem estiver presente, geralmente é a primeira imagem do post). Se você precisar de mais dados, examine a estrutura da árvore de postagens conforme descrito acima e leia as informações adicionais que deseja. A segunda condição if (i < MaxResults) verifica se todos os feeds foram extraídos. Como pedimos um número máximo de feeds de MaxResults (isto é, 1000 no nosso exemplo), se o número de feeds retornado não for menor para esse valor, provavelmente significa que há feeds adicionais disponíveis. Nesse caso, repita a operação para solicitar dinamicamente novos feeds aumentando o índice inicial para o próximo intervalo. Caso seja menor, significa que todos os feeds foram extraídos e a operação pode ser concluída.
Observe que a mesma operação pode ser feita extraindo feeds conectados apenas a alguns marcadores. Bastará alterar o URL assim:
https://www.meublog.blogspot.com/feeds/posts/default/-/meuMarcador/?alt=json-in-script&callback=minhaFunctionJs

Abraço e até a próxima!
Este estudo se guia pela publicação do Mohammad Mustafa Ahmedza em https://www.mybloggertricks.com/2015/10/introduction-to-blogger-json-feeds-and-blogger-data-api.html
Mohammad começou a blogar em agosto de 2008 logo após completar seu GCE A Level. Após uma desqualificação do visto dos EUA para estudos superiores, ele começou a escrever blogs para se livrar da crescente depressão e, em seguida, sua vida mudou drasticamente. Ele começou a ter interesse em ajustar os Modelos do Blogger ao ler detalhadamente artigos on-line. Sua sede de aprender e entender as últimas tecnologias da web, como HTML4, CSS3, PHP e JavaScript, o equipou com uma excelente arte de web design. Ele agora é um web designer e desenvolvedor web por todos os direitos sem ter feito qualquer treinamento profissional.
1

Design by Jair de Jesus - Josh Peterson

Verbratec© Desktop 2018