O que fazer quando a imagem da postagem não aparece ao compartilhar

Já aconteceu com você, quando você vai compartilhar sua postagem no Face, a imagem não aparecer? Ou em fez da imagem da postagem, aparecer a imagem do plano de fundo do seu blog ou a a imagem do cabeçalho?
Comigo isso sempre acontece. Nestes casos eu uso o Debug. Clique em Facebook for developers. Ao entrar, cole o endereço da postagem e clique em depurar. Está feito. Agora é só compartilhar. A imagem já deve aparecer.

Notificação de cookies nos países da União Europeia - o que fazer?

Se você se deparou com uma notificação no seu blog no Blogger, sobre a exigência de fornecer informações sobre os cookies usados pelo seu blog aos visitantes da União Européia, não se preocupe se você não tem domínio próprio e usa blogspot.com, pois o Google já adicionou o aviso como cortesia.

Mas se você tem domínio próprio, este aviso não vai aparecer. Neste caso, o próprio Google sugere alguns sites com ferramentas para incluir a informação no seu blog.

Eu usei, nos meus blogs com domínio próprio, o site Cookie Consent by Insites.
Entre no site, clique no botão download ou baixar. Ao lado esquerdo, na coluna Configure, clique na flechinha ao lado de cada uma das 6 opções e configure da maneira que achar melhor. Você vai poder escolher a melhor posição para que a mensagem apareça, a cor, a mensagem etc.

Abaixo, detalhe das opções para Position. Teste cada uma das opções e veja onde o banner vai aparecer

Abaixo, detalhe da paleta de cores. Clique em cada uma das opções e escolha qual a cor que mais combina com seu blog.

Após escolher as cores, clique em copiar o código. Vá em Editar HTML no seu blog, clique dentro da caixa que se abre e dê ctrl F. Na caixinha de pesquisa que se abrir pesquise por </head>. Deve aparecer uma única opção. Acima dela cole o código que você copiou no site Cookie Consent. Clique em Salvar e está pronto.
A mensagem vai aparecer para todos que visitarem o seu blog, mas só até clicarem em Got it, 

Como incluir link nos comentários do Blog

Quando você precisar indicar uma postagem do seu blog ou sua fanpage, por exemplo, em uma resposta nos comentários, mas não quer que apareça o endereço todo e sim apenas um link para que seus seguidores cliquem e sejam direcionados para lá, basta digitar:

<a href="endereço do link">nome do link/</a>

Substitua as partes em vermelho, conforme o exemplo a seguir: Se quer que o comentário apareça assim: "Obrigada por entrar em contato, visite também minha Fanpage." Mas quer que fanpage seja um link, deve escrever assim:

Obrigada por entrar em contato, visite também minha <a href="https://www.facebook.com/saboresdagraciosa/">Fanpage</a>

De todo o código digitado, apenas o nome do link é que vai aparecer. Muito fácil, não é? Espero que aproveitem. Qualquer dúvida, deixem nos comentários😉
Abraços!

Colocando Postagens Relacionadas no Blogger sem complicação

Gente!

O blog da Elaine Gaspareto tem várias postagens sobre como inserir postagens relacionadas. Uma deve dar certo para o seu blog.

Eu tentei todos os tutoriais dela, mas o que foi mais fácil e que ficou melhor para o meu blog foi este aqui, que está prontinho, é bonito e bem clean.

Eu amei!

Para pesquisar no código HTML, vá na página de design do Blogger, clique em Tema e em editar HTML. Clique dentro da caixa de códigos que se abrir e dê CTRL F, na caixinha de pesquisa que se abrir cole o que está procurando e dê enter.

Você pode alterar o número de miniaturas que quer que apareça. Procure por: 

var maxresults=3"

Altere o número 3 para o número de miniaturas que deseja que apareça.

Você também pode alterar a frase LEIA TAMBÉM, por uma de sua preferência, como: "Fique mais um pouco, veja também:". Para isso, pesquise por: 

LEIA TAMBÉM:&quo

E altere para a frase que desejar. Para alterar a letra dessa frase, procure por:

font:17px Montserrat;

E altere para o tamanho e tipo de de sua preferência. Você também poderá alterar a cor, logo abaixo em "color:#000000; /*COR DA FONTE */". Está tudo explicadinho, bem fácil. 

Para ocultar as postagens relacionadas na página inicial e exibi-las apenas nas páginas internas, de cada postagem, cole este código acima do código HTML que você colou, conforme instruções no blog da Elaine Gaspareto (se você não viu o link acima, clique aqui): 

<b:if cond='data:blog.pageType == "item"'>

Cole também este outro código após o código HTML: 

</b:if>

Espero que gostem. 

Abraços!

Como adicionar botão Pin nas imagens do seu Blog

O botão que vamos usar, será exibido sempre que alguém passar o mouse sobre uma imagem que você tenha publicado no seu blog.

Siga as seguintes instruções obtidas diretamente do Pinterest:

1 - Acesse o gerador de widgets.
2 - Selecione Sobreposição de imagem na seção Tipo de botão.
3 - Personalize o tamanho e o formato do botão: arredondado e/ou grande.
4 - Visualize seu botão ao passar o mouse sobre a imagem de exemplo. Também é possível clicar no botão Pin It para ver como ele funciona.
5 - Quando estiver satisfeito com o botão, copie o código para a seção Copiar o código. Eu usei esse:

<script async defer data-pin-hover="true" data-pin-tall="true" data-pin-lang="pt-br" src="//assets.pinterest.com/js/pinit.js"></script>

6 - Em editar HTML, dê Ctrl F e procure por:

</body>

7 -Cole o código acima de </body>.

Como transferir domínio próprio de um blog para outro outro no Blogger

faça backup do blog velho que você quer transferir para o outro novo
faça todas as modificações e, no blog novo, vá em configurações e altere o nome do blog para o domínio próprio, que já estava configurado no blog antigo. Automaticamente o blog antigo voltará o nome para o de antes do domínio e o blog novo assumirá o domínio próprio.

Como adicionar link à imagem

Você vai precisar desse recurso quando for adicionar uma imagem ao seu perfil num gadget html ou quando quiser colocar uma imagem dentro das configurações de html no seu blog. Eu procurei muito na internet. Tentei colocar link de imagens do google fotos, do face, mas só consegui usando imagens do meu instagram. É muito fácil. Você clica na imagem, clica novamente sobre a imagem, mas dessa vez com o botão direito do mouse, seleciona "Exibir código fonte da página". Na página que se abre, dá Ctrl F e pesquisa por jpg. Copie o primeiro resultado que aparece, conforme imagem abaixo:

Cole no código HTML ou no gadget do seu blog.
ver mais em tecmundo, sobre o que é CSS:
https://www.tecmundo.com.br/programacao/2705-o-que-e-css-.htm