Verbratec

 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.

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.

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!

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!

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!

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!