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.
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:
<![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 != ""'>
<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.
[success title="Widget json em páginas Blogger." icon="check-circle"]
Com o advento de um novo script construtor verbratechtml, o widget página json foi movido para a o artigo:
https://www.verbratec.com.br/2018/03/json-em-paginas-blogger.html
[/success]
https://www.bloggerspice.com/2017/03/blogger-layout-widget-update.html
Update rápido 6-02-2019. Localize b:version='2' class='v2' no início do código html.
Adicione a versão três desta forma e salve o tema
b:version='2' class='v2' b:layoutsVersion='3'
Recarregue a página para ver se deu tudo certo.
No seu html estará assim: html b:layoutsVersion='3' b:version='2' class='v2'
Adicione b:defaultwidgetversion='2' depois de b:layoutsVersion='3'
Assim: html b:layoutsVersion='3' b:version='2' b:defaultwidgetversion='2' class='v2' click em salvar tema.
Recarregue a página e confira deverá estar assim: html b:defaultwidgetversion='2' b:layoutsVersion='3' b:version='2' class='v2'
Vá ao seu painel layout e adicione um gadget para ver a nova versão 2 em ação.
Há quem prefere ver as imagens em movimento, então, "bora ver":
Criar um botão Adicionar ao Blogger facilmente.
Digite ou cole as informações solicitadas e clique no botão criar.
Copie o código e adicione em sua postagem ou página.
[update title="Artigo revisado." icon="info-circle"]
Este conteúdo foi editado em 20 de novembro de 2020, esperamos ter todos os artigos revisados em 2021.
[/update]
Aquele abraço e até breve!
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:
$(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.
Para um pager-link mais "destacado" mostrando imagem da postagem a ser visitada, veja as dicas desse blog: https://masternetkom.blogspot.com/2017/06/blogger-post-pager-with-post-title-and.html
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:
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; <metahttp-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!
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>
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 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.
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.
