* Blog Elaine Gaspareto *

Problemas mais comuns que podemos ter ao usar HTTPS no Blogger

em 17/01/2018


No final de 2017 eu publiquei um tutorial (creio que foi o primeiro, ou um dos primeiros em português a falar do assunto) que mostrava como conseguir o protocolo HTTPS e o certificado de segurança SSL para blogs do Blogger que usam domínios próprios.
Recorde (e faça em seu blog caso ainda não tenha feito):


Ainda em fase beta o procedimento dá super certo, mas alguns blogs estão enfrentando alguns problemas quando tentam conseguir o certificado de segurança.
Abaixo vou listar algumas dificuldades que fui detectando (ou que foram me relatando) e as possíveis soluções que você pode tentar caso esteja com algum dos problemas que listo a seguir.
Vamos lá?

HTTPS no Blogger- problemas e soluções para tudo funcionar sem erros


Antes de seguir com a leitura desse artigo é preciso que você já tenha implementado em seu blog o protocolo HTTPS, ok?
Aí, se você teve qualquer problema, veja se ele está contemplado na lista abaixo.

1- O HTTPS não aparece
Quando fazemos a alteração pode levar de alguns minutos a algumas horas pra que o Blogger faça a transição. Aguarde, atualize a página e o HTTPS vai aparecer.

2- O HTTPS aparece mas o cadeado verde não aparece
Pode demorar de alguns minutos a alguns dias para que ele apareça.
Espere um tempo antes de tomar qualquer outra providência.

3- Já esperei mas o cadeado verde realmente não aparece...
Isso pode significar que há muitas coisas consideradas "inseguras" em seu blog.
Pode aparecer essa mensagem ao clicar no ícone ao lado do endereço do blog:


Exemplos de gadgets "prolemáticos": contadores, calendários, previsão do tempo, relógios, links de outros sites e blogs não seguros, etc...
O jeito é fazer uma varredura no blog.
Deixe apenas o que é essencial, retire tudo que for dispensável e vá testando. Retire um item, teste... e assim por diante.
Sim, dá trabalho.

4- O cadeado verde aparece mas aparece também um X vermelho que ao ser clicado mostra a mensagem:


"Esta página está tentando carregar scripts de fontes não autorizadas"

Ao contrário do que muita gente pensa essa mensagem não se refere às fontes do blog.
Essa mensagem quer dizer que há, no blog, algum gadget, recurso, link ou script hospedado que não usa o protocolo https.
Exemplo: um slide do blog, um recurso que use JQuery, um gadget que use algum arquivo externo pra funcionar, etc....
Se, por exemplo, algum script do slide estiver hospedado em um host que não usa https então esse script será considerado não-seguro pelo navegador.
Ele será carregado mas a imagem do X vermelho aparecerá.
Não compromete a segurança mas é interessante achar o arquivo e re-adequar o que for preciso.


Como resolver o problema dos scripts não seguros?


Como resolver o problema dos scripts não seguros?

Não é simples, mas vamos lá!
Será preciso uma varredura completa no código-fonte de seu template.
Acesse a aba Tema e dentro do código-fonte tecle Ctrl+F.
Na barra de busca que aparecer digite http:// e tecle Enter.
Vão aparecer todas as ocorrências de http que existem em seu template.
Aí faça o seguinte: copie o endereço completo que aparecer.
E cole em nova aba do seu navegador.
Acrescente o "s" em http e veja se a página abre.
Se abrir significa que o site em questão é seguro, então pode acrescentar s ao final de http e tudo dará certo.

Exemplo:
Script que faz funcionar o botão Curtir/Compartilhar do Facebook:
http://connect.facebook.net/pt_BR/all.js
 Ficaria assim:
https://connect.facebook.net/pt_BR/all.js

Percebe que ambas as formas, com e sem https, abriram?
Faça isso com cada ocorrência de http:// que achar.
O que abrir com https corrija, o que não abrir não altere.
Sim, isso mesmo!
Se alterar equivocadamente algum recurso de seu blog pode parar.
Nos casos de arquivos e/ou scripts que não aceitam o https será preciso hospedar o arquivo em algum host que gere a url com https.

Exemplo:
http://yourjavascript.com/08011672710/ouibouncebyelainegaspareto.js
Esse endereço acima é de um arquivo JQuery hospedado no site YourJavascript que uso para fazer funcionar este tutorial:

Box flutuante para curtir a fanpage (abre ao sair do blog e não ao entrar).

Originalmente ele não tem https, então não basta colocar o "s" no http pois ele não vai funcionar já que o site YourJavascript (até o momento em que escrevo) ainda não usa o protocolo HTTPS.
Nesse caso eu hospedo o arquivo no Google Sites, aí ele funciona em blogs que usam o protocolo HTTPS.


Também é possível hospedar com segurança no site GitHub. Farei em breve um tutorial de como hospedar arquivos nesse site.
Não testei outros hosts, mas se você souber de mais algum compartilha com a gente!


Outros problemas conhecidos ao usar HTTPS no Blogger


1- Alguns slides simplesmente não funcionam em endereços HTTPS.
Você volta o endereço para http e o slide funciona; coloca https e ele não funciona; é desesperador, mas tem acontecido principalmente em templates baixados da internet.
Sabe o motivo?
Eu não sei... mas imagino que seja porque os desenvolvedores de templates baixados da internet criptografam alguns trechos dos códigos pra evitar plágio ou cópias, e aí isso acontece.
Até o momento não há o que fazer, ao menos não até onde sei.

2- Alguns menus que usam scripts externos não abrem, e aí a chance é hospedar os arquivos .js conforme mencionei acima. Se não forem criptografados pode dar certo, tem que testar.

3- O gadget Top comentaristas com foto também não funciona em blogs com https (estou estudando o código, #oremos);
E certamente haverão mais scripts que simplesmente não funcionam; aos poucos vamos descobrindo e tentando corrigir se for possível.

Sim, pode acontecer de não haver correção, e aí é questão de escolha: usar outro template caso seja um baixado da internet, abrir mão do gadget caso seja um elemento de página ou deixar de usar o HTTPS.
Sim, escolha tensa, eu sei...


Agora é com você!
Tem algum outro problema que não listei acima?
Ou, melhor ainda, alguma outra solução para os problemas mencionados?
Interaja conosco, ajude se puder e se esqueci de mencionar algum dos problemas mais comuns que podemos ter ao usar HTTPS no Blogger diga nos comentários!

QUERO LER O POST COMPLETO

O que é um refrigerador expositor e quais suas funções?

em 16/01/2018


Aqui no blog temos leitores que são empreendedores!
E não me refiro somente aos empreendedores virtuais não!
Estou falando de gente que, por exemplo, trabalha com produção de marmitas, de doces e salgados, etc...

Pensando nisso eu trouxe uma dica de loja especial para quem trabalha com alimentação. Tanta gente já está nesse mercado, faturando com suas comidinhas, bolos, doces, lanches… É uma das melhores formas de empreender, pois comida vende sempre, afinal, todos precisamos comer, certo?

Um dos equipamentos mais importantes para o seu negócio é a geladeira e não pode ser qualquer uma!
Aquela que temos em casa, por exemplo, pode ser utilizada no começo do negócio, escondidinha onde o cliente não vê.
A área de vendas da sua loja, onde os seus clientes circulam, precisa de uma geladeira expositora, com portas de vidro, que permitem que o cliente veja e escolha o produto que ele quer comprar.

Sabia que você pode comprar uma geladeira expositora pela internet?
Com segurança e garantia de entrega, agilidade e bom atendimento, em uma das melhores lojas do Brasil?
Sim, na Loja Brazil você encontra itens para o seu negócio de alimentação e as geladeiras expositoras mais bacanas.

Conheça mais sobre a Loja Brazil


A Loja Brazil atua no comércio de produtos dos segmentos de Refrigeração Comercial, Equipamentos Gastronômicos e de Produtos de Aço Inoxidável, tendo sempre por principal objetivo satisfazer as necessidades dos clientes oferecendo produtos de alta qualidade, com garantia, assistência técnica e excelente atendimento.

Além disso, a empresa é certificada pelo Google Seller Ratings, pelo Reclame Aqui, Selo E-Bit, é vendedor em destaque no Mercado Livre, tem avaliações positivas no Buscapé, está presente no Consumidor.gov. br (uma iniciativa do governo federal semelhante ao Reclame Aqui), e é associada à ABCOMM (Associação Brasileira de Comércio Eletrônico) e à Câmara-e.net (entidade brasileira de maior representatividade na economia digital).
Tudo isso para que você possa fazer a sua compra com tranquilidade e certeza de que será bem atendido.


Refrigeradores expositores- indispensáveis ao seu negócio!


Vamos ver as geladeiras que eu separei para te mostrar?
Quem sabe uma delas não é exatamente o que você está procurando para o seu negócio!

Loja Brazil -Geladeira / Refrigerador Expositor Vertical Porta de Vidro 210 Lts (Visa Cooler) - LG-210

Algumas características deste produto são: o degelo automático, porta de vidro duplo com baixa emissividade (quer dizer que embaça pouco, assim as pessoas conseguem ver muito melhor os produtos), iluminação fluorescente interna e externa, com interruptor, testeira iluminada e personalizável, puxador ergonômico, fechamento automático, rodas para locomoção, isolamento térmico, condensador estático e três prateleiras removíveis.
Loja Brazil -Geladeira / Refrigerador Expositor Vertical Porta de Vidro 210 Lts (Visa Cooler) - LG-210
Para quem tem um negócio maior e precisa de mais espaço, tem a geladeira expositora de porta dupla, olha que show!

Loja Brazil - Refrigerador / Geladeira Expositora c/ Visor de Temperatura - 800 Lts (Visa Cooler) - LG-800

Com as mesmas características do anterior, essa tem o triplo do tamanho: são quatro prateleiras removíveis e reguláveis, com capacidade para 840 latas ou 490 garrafas pet de 600 ml.
Claro que você pode acondicionar bolos, tortas, doces, sanduíches, tudo o mais que precisar ser refrigerado.

Ambos os refrigeradores são da marca Brascool, que hoje em dia é referência no segmento de refrigeração comercial, certificados pelo INMETRO e com um ano de garantia.

Loja Brazil - Refrigerador / Geladeira Expositora c/ Visor de Temperatura - 800 Lts (Visa Cooler) - LG-800
Essas são apenas duas das várias opções disponíveis.
Eu fiquei encantada com tantas opções e essas geladeiras expositoras são mesmo um sonho!

No site da Loja Brazil tem muito mais equipamentos necessários, como liquidificadores, batedeiras (inclusive de massa, para quem tem padaria ou confeitaria), cubas, estantes em inox, louças, talheres, uma infinidade de produtos para açougues, supermercados, bares, hotéis, pousadas, restaurantes e cozinhas industriais.

Acesse a loja e confira todos os produtos:





QUERO LER O POST COMPLETO

Personalizar cada gadget com um estilo diferente

em 15/01/2018

Personalizar cada gadget com um estilo diferente

Anos atrás eu mostrei aqui no blog como personalizar os títulos dos gadgets.
O tutorial funciona muito bem, tanto que estou postando este agora para incrementar o que ensinei anos atrás.
Hoje você vai aprender como personalizar cada gadget com um estilo diferente.
Vou te dar um exemplo:


Demonstração do tutorial


Como você viu o padrão dos títulos dos gadgets do meu blog de exemplo é fundo preto, fonte branca.
Mas em alguns gadgets eu quis dar um estilo diferente do padrão, mudando a cor de fundo, acrescentando bordas, usando uma faixinha, etc...

Claro que você não vai fazer em seu blog uma mistura tão grande assim de estilos e cores (ou vai, o blog é seu, você decide, não tem regra 😏) mas o ideal é personalizar um ou outro com estilo diferente, pra destacar mesmo.
Vem comigo, vou te mostrar como personalizar individualmente cada elemento de página e aí você decide se quer personalizar todos, só um, alguns, etc....


Como personalizar cada elemento de página do blog com um estilo diferente


Para começar você precisa definir qual (ou quais) gadget vai personalizar.
Definido isso precisará encontrar o ID desse gadget.
Faça assim: acesse o seu blog, vá até a aba Layout e clique em Editar abaixo do gadget que deseja personalizar.
A janela que abrir terá, no navegador, uma série alfa-numérica.
No final dela aparecerá o ID de seu gadget.
Se for, por exemplo, os posts mais vistos como eu escolhi no meu estará mais ou menos assim:


Achou o ID do gadget que deseja personalizar?
Então agora vá até a aba Tema e clique em Editar HTML.
Dentro da caixa do código-fonte tecle Ctrl+F e na barra de busca que expandir digite ]]></b:skin> e tecle Enter para localizar.
Acima de ]]></b:skin> cole o CÓDIGO DE PERSONALIZAÇÃO que escolher.
Salve.

Copiar os códigos


Faça isso com todos os elementos de pagina que desejar personalizar com estilos diferentes do padrão de seu blog e salve.
Também é possível personalizar o fundo do widget, como nesse exemplo aqui:
Nesse caso o gadget não tem título, então eu destaquei o fundo com uma cor diferente dos demais, e coloquei sombra no box.

Importante:
Esses códigos de personalização que disponibilizei são apenas exemplos.
Você pode e deve personalizar do seu jeito, o importante é entender o conceito, compreende?

Por exemplo: dentro da tag h2 você pode mudar tudo que se refere ao título do gadget: cor, fonte, tamanho da fonte, arredondar as bordas do fundo do título, colocar ou não bordas, colocar essas bordas  na lateral direita, na lateral esquerda, no bottom, no top, e muito mais.

Entendendo os conceitos básicos o resto é testar até chegar ao que deseja.
Experimente, divirta-se, use meus códigos como base para seus experimentos e você verá quanta coisa legal dá pra fazer!


Brindes para você usar em seu blog


Abaixo deixo algumas faixinhas para você usar, caso opte por elas.

















Para baixar clique sobre cada imagem e salve em uma pasta no seu computador.
Note que cada uma tem seu próprio tamanho, então fique anteto quando for usar para editar certinho  a largura e a altura de cada faixinha, ok?
Créditos: Tumblr

Confira também:



Dica extra muito importante:
Caso você tenha aplicado em seu blog este tutorial:
Não esqueça de trocar h2 por h4 quando for personalizar os títulos dos gadgets, ok?
QUERO LER O POST COMPLETO

Qual a fruta mais bonita que você já viu?

em 12/01/2018


A gente vai no mercado (ou na feira), pega o abacaxi, escolhe a laranja, aperta o melão e cata, meio correndo, 3 ou 4 maçãs.
Chega em casa, arruma, guarda, descasca, come...
Meio no automático...

Tem alguma fruta aí na sua casa, agora?
Vai lá, pega ela!
Sim, mig@, vai lá.
Sinta o cheiro, a textura, veja a cor...
Não é incrível? Não é maravilhosa?


E quando a gente tem a dádiva de colher a fruta no pé?
Aqui onde moro, na avenida principal que corta a cidade, tem inúmeras mangueiras.
Na época de mangas ficam carregadinhas, coisa mais linda...  as pessoas param, apanham a manga e comem...
Chego a ficar emocionada em ver...

Meu cajueiro, que dá uns cajus lindos e esse ano se superou...
Deu tanto caju, mas tanto...
Marido plantou, e tem um baita orgulho do cajueiro dele...


E meu pé de acerola.
Plantei na semana que cheguei nessa casa, quase 17 anos atrás.
E ele nunca falha, e as acerolas que nascem dele são a coisa mais linda!


Acho acerola uma fruta linda! Parece uma mini maçã, cheirosa, delicada, tão gordinha...
E pêssego? Coisa linda!
Amora... me lembra eu criança, os dedinhos escuros de tanto apanhar amora madura no pé...
Qual a fruta que você acha mais bonita?

Faça o exercício quando for comer uma fruta ou prepara-la pra dar pra alguém.
Olhe.
Sinta.
Saboreie.
Reolhe...

Painel Reolhar a Vida

Blogagem Coletiva Reolhar a Vida.
Clique aqui e saiba tudo sobre a proposta, e veja como fazer parte!
Seja muito bem-vindo para participar!





QUERO LER O POST COMPLETO

Tabule fácil, refrescante e muito gostoso

em 11/01/2018

tabule

Eu ando numa vibe de salada, sabe?
Acho que as comidas de final de ano são ótimas mas deixam a gente meio enjoada, querendo algo mais leve, mais fresco...
Você curte tabule?
Vou te contar como fiz esse da foto, tão simples, tão bom!

Ingredientes:
100 gramas de trigo para quibe;
1 tomate grande, maduro e firme cortado em cubos bem pequenos;
1 pé de alface pequeno cortado em tiras finas (é opcional, mas eu gosto);
hortelã o quanto quiser (eu uso pouco, umas folhas apenas);
salsinha e cebolinha picadinha (a gosto também);
1 cebola pequena ralada;
1 pepino japonês pequeno cortado em cubinhos;
suco de limão taiti;
sal;
azeite;

Modo de fazer:
Em uma tigela funda coloque todos os ingredientes na ordem acima.
Misture bem e leve para gelar.
E tá pronto!

Dicas extras:
Há quem goste de hidratar o trigo antes; eu prefiro só lavar bem e escorrer o máximo possível. Prefiro assim pois as folhas e vegetais soltam água e aí pode ficar insosso.
Sal é a gosto, e se gostar pode trocar por tempero em pó, tipo caldo de legumes.
Se curtir pimenta pode usar, é de gosto mesmo.
Tabule é essa coisa linda, que consegue ficar melhor se for consumido no dia seguinte.
Faz aí e me conta 🍲


QUERO LER O POST COMPLETO