Verbratec

 

Passado algum tempo, os grandes sites disponibilizaram o modo escuro(dark-mode), alguns navegadores e sistemas operacionais também já possuem.
Não sou bom com 'design' e para implementar o modo escuro, está me faltando apenas escolher as cores que melhor contrastem, mantendo o verde já tradicional.
Os mais curiosos já devem ter percebido no código, que está em desenvolvimento essa parte e portanto assim que possível, haverá uma chave para que o internauta possa escolher como deseja ver esse site.

A preferência do usuário será armazenada, portanto ao navegar pelo site e até mesmo ao retornar ao site, seu modo preferencial será renderizado.
Claro que o padrão será o modo claro, rsrsrs, também é claro que a chave estará sempre ali, sendo possível alternar os estilos em qualquer tempo, conforme seu desejo.
Existe ao menos duas maneiras mais famosas de implementação do recurso em questão, eu optei por fazer sem usar :root num primeiro momento, mas não descarto a possibilidade de usar as variáveis css, num futuro próximo.
Como editar seu código noturno: https://codepen.io/ananyaneogi/pen/zXZyMP?editors=1100

---

Sou ruim na escolha de cores, mas vou tentar melhorar isso aos poucos.
Caso encontre algo falho, deixe o "feedback" nos comentários e ficarei feliz em responder.
Obrigado por sua visita, um abraço e até a próxima!

Por padrão a barra pegajosa vem ativada neste construtor, para quem ainda não conhece, a função é para manter o conteúdo do artigo, parelho com a barra lateral, não aparecendo aquele espaço vazio, quando o conteúdo do artigo é muito diferente do que consta na barra lateral.
A função faz com que a barra lateral espere o conteúdo do artigo, mantendo um visual mais aprazível.
Querendo desativar a função, acesse o 'layout' Blogger edite o gadget Controle administrativo, colocando o nome da variável 'barrapegajosa' para o "Novo nome do site" e adicione um n no campo "Novo URL do site", click em Adicionar link, depois click em salvar, isso fará com que a barra lateral role solta, juntamente com o artigo.
Querendo o efeito barra pegajosa de volta, delete esse link, ou coloque um y substituindo o n.



Um video simples mostrando como ativa e desabilita essa função no template, conforme já descrito.

[youtube src="GuQ4EvzwVgY"][/youtube]

O objetivo deste estudo compartilhado, é para que outras pessoas possam conhecer um pouco mais, sobre o que pode ser feito com Blogger, quando se tem um "template" com as funções disponíveis.
Um abraço e o meu muito obrigado por sua presença aqui.

Ao abrir o layout do Blogger estará na parte inferior a área Menu principal links ao conteúdo. Nela existem quatro gadgets que foram projetados para receber uma quantia enorme de dados, suprindo as necessidades mais diversas.
O que vou fazer aqui é apenas exemplificar uma das muitas maneiras de configurar alguns links, com este construtor.
No topo do blog/site há dois links, um para termos de uso e o outro para política de privacidade, mas é possível inserir outros seguindo o mesmo método, lembrando que eles fazem parte do "Menu principal" enquanto em telas menores, como smartphones e tablets. Tudo será demostrado no vídeo.
Eu busquei deixar todos mais ou menos na mesma dimensão, então para o gadget Marcadores, selecionei apenas quatro itens: blogger, facebook, json e solda.
Para o segundo gadget, que também é criado automaticamente, na instalação do template, entitulado "Páginas", eu colocarei os links para as páginas que no Blogger chamamos de estáticas, escolhi deixar os seguintes links: configuração, ferramentas, política de privacidade, mapa do site, sobre e termos.
Esses links são introduzidos da forma tradicional, nome do link e url de destino, uma lista de links simples.
O terceiro gadget colocarei um link externo e uma imagem, e o quarto gadget não vou usar nesse momento.


O gadget Menu principal é um gadget do tipo lista de links, apenas trabalhará de uma forma um pouco diferente da tradicional, ficará bem nítido isso no vídeo. Farei minha lista da seguinte forma, lembrando que isso é apenas um exemplo.


Será quase como aparece na imagem, isso por ter que criar e depois de criado, tem que voltar e editar. Já vi em alguns lugares e me conformo de não estar só na busca pela resolução do problema, o que ocorre é que se deixar chaves ou colchetes, que são usados na criação, eles irão aperecer onde não devem, como ocorreu no Facebook.

Também aconteceu no GMail, esses colchetes não deveriam aparecer ali.

Percebi o problema na pesquisa do Google e até o presente momento não tenho a solução, tudo o que posso fazer é criar com os colchetes, pois o construtor lê o que está aninhado ali, depois edito e retiro os colchetes uma vez que os dados já estarão armazenados. Creio que já deu pra entender o básico da rotina.


Bora pro vídeo então...


Com certeza muitos dos que aqui chegarem, já conhecem tudo isso e muito mais, eu porém espero é que isso seja útil para aqueles que ainda não sabem como funciona e muitas vezes, compram templates sofisticados mas sem uma documentação edequada, acabam deixando de fazer um melhor uso do software, que dá tanto trabalho ao desenvolvedor.

---

Anti - caçador curioso de baleia!

---

Um forte abraço e o meu obrigado por sua presença aqui! Pense em dar aquela curtida para incentivar esse trabalho.

Usando o novo script construtor, nesse template tudo é mais fácil, um exemplo é a inserção da já veterana, caixa de amigos do Facebook, na verdade chamamos de 'plugin', então há uma parte generosa do Facebook, outra do Blogger, e mais uma do construtor, com isso tudo junto, resta ao usuário apenas digitar ou até copiar e colar, umas poucas palavras e a mágica acontece.
Estamos em 2020, as coisas estão evoluindo sempre e nós precisamos estar sempre juntos, não podemos nos atrasar, mas chega de blá, blá, blá.
Aqui foi feito de maneira que "se" adicionar um 'gadget' na footer(rodapé) ou na sidebar(barra lateral).O construtor lê e verifica "se" for do tipo "HTML" e contiver a 'string' FBcaixa e o url facebook.com, faz isso, se não, faz aquilo, kkk, simples assim, veja o vídeo, afinal uma imagem vale mais que mil palavras, já dizia o poeta!





O trabalho prossegue.
Aproveito a oportunidade para lhe convidar, incentive com aquela curtida. Obrigado por sua presença, um forte abraço e o ensejo de uma boa navegação!

---

[info title="Info message" icon="info-circle"] É realmente difícil encontrar uma comunidade de desenvolvedores de temas do Blogger que tenha uma abertura de código-fonte como eu. Além do fato de que o Blogger não é um serviço de blog aberto, a falta de documentação oficial para os códigos sobre o tema do Blogger nos obriga a gastar muito tempo e energia estudando cada código existente autodidata e sem orientação. Como resultado, as pessoas que conseguem descobrir e / ou encontrar algo novo no mecanismo do Blogger preferem desenvolver e lançar seus temas de forma independente e até furtiva, sem nos contar sobre todas as coisas que vêm fazendo e desenvolvendo o tema que eles criaram. By - Taufik Nurrohman [/info]

---

Expressões regulares construtor: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/RegExp

Nesse construtor, temos na homepage, no gadget "Últimas postagens", o link "Mais artigos" em forma de uma barrinha, como vemos na imagem.
Essa função também faz o paginador numérico, neste mesmo gadget, aqui denominado "Últimas postagens" eu escolhi este nome, mas o usuário pode escolher o que lhe convier.
Imagem do paginador numerado.

É possível ao usuário, trocar o modo de apresentação de uma forma muito simples e rápida, veja no vídeo por favor. A função homePageNavi é ativada com y para mostrar o paginador numérico.

[youtube src="TjMyr2n_Cxg"][/youtube]
Com n substituindo o y ou deletando o link, o construtor retorna ao funcionamento padrão, com a barrinha "Mais artigos", é bom salientar que há uma forma fácil de trocar o texto, a cor, e até mesmo de desativar o gadget, tudo feito pelo painel administrativo, através do gadget Controle administrativo.
Tudo em andamento por aqui, espero acrescentar algo que venha a ser útil.
Um forte abraço e até a próxima!

Existe um fator de "autoridade", que é concedida pelo buscador(Google principalmente), ao site. Porém o proprietário ou seu responsável pela manutenção, deve de tempos em tempos verificar e corrigir os 'links' que resultam em erros.
Temos aqui na nossa página de ferramentas, alguns links que podem ajudar, nessa tarefa de localizar e corrigir este e outros erros.
Hoje é dia 17 de outubro de 2020, dia em que fiz a correção de todos os links, alguns foram modificados, outros foram retirados. Tudo isso para manter a experiência de usuário em bom nível e lógico, manter a autoridade verbratec.com.br em dia na pesquisa.



Erros do tipo 404 devem ser tratados com atenção, para seu site não sofrer penalização, mas também por ser algo bem chato, quando clica no link esperando um conteúdo "x", toda aquela expectativa é quebrada na hora. Vish! Se torna algo amargo de sorver.
Construa sim, enfeite sua página 404, mas sobretudo, conserte os links, essa é a melhor forma de deixar tudo bem.
Fica o ensejo de uma boa navegação e o meu muito obrigado por sua presença aqui.
Se for sua vontade sinta-se livre para comentar, compartilhar e tal, abraço!

[code type='JavaScript'] <script> //O site de origem já não existe mais garudathemes.blogspot.com $(document).ready(function(){ //redirecionamento function redirect(){ window.location.assign('https://www.verbratec.com.br'); } //verificações function check(){ if($('#copyright-id').length === 0){ redirect(); } else if($('#copyright-link').length === 0){ redirect(); } if($('my-copyright').length === 0){ redirect(); } else if($('#copyright-link').length === 0){ redirect(); } else if($("#copyright-link").attr("href") !== "https://www.verbratec.com.br"){ redirect(); } else if($("#copyright-link").attr("rel") !== "nofollow"){ redirect(); } else if($('#copyright-link').text() !== "Verbratec Premium"){ redirect(); } } //execute ao carregar a página. check(); //execute com intervalos de segundos. setInterval(function () {check()}, 5000); }); </script> [/code]