Pular para o conteúdo principal

Destaques

Transformei Minha Alimentação Gastando Menos Que Uma Pizza por Semana.

Tava eu sentadinho lá, olhando pro meu extrato bancário e quase caí da cadeira. Putz grilo, a grana que eu gastava com delivery e mercado era mais que meu aluguel! Tô rindo de nervoso, juro que me senti num filme de terror onde o monstro era meu próprio cartão de crédito destruindo minha saúde e meu bolso ao mesmo tempo. Não sei se é viagem minha, mas... isso mexeu comigo de um jeito que não consegui mais ignorar. Foi aí que tudo fez sentido - precisava de uma transformação total na minha relação com comida. Não só pela grana, mas porque meu corpo já tava mandando sinais claros que não aguentava mais aquela rotina. O Dia Que Bati o Pé no Chão da Realidade Caracas! Que bagunça, cara. Era um domingo quando decidi pesar na balança depois de meses evitando esse momento. Os números não mentem, né possíve meu... Tinha ganhado 15 quilos em um ano de pandemia, trabalho remoto e uma dieta baseada em aplicativos de comida. Mas o estalo veio mesmo foi no mercadinho do Erimar, per...

Como colocar um banner no blogger para aparecer em todas as postagem

Infelizmente, inserir um banner em todos os posts do Blogger de forma nativa e automática, sem precisar adicioná-lo manualmente em cada um, não é possível.

Mas não se preocupe, existem alternativas para contornar essa situação e alcançar o mesmo efeito desejado:

1. Crie um modelo personalizado:

  • Acesse o Blogger e vá para "Tema".
  • Clique em "Personalizar" e depois em "Avançado".
  • Abra a seção "HTML".
  • Localize o código <head> e adicione o seguinte código antes de fechar a tag:
HTML
<script>
function addBanner() {
  var bannerHTML = '<div class="banner"><img src="caminho/para/seu/banner.jpg" alt="Texto alternativo para o banner"></div>';
  var posts = document.getElementsByClassName('post-body');
  for (var i = 0; i < posts.length; i++) {
    posts[i].insertBefore(bannerHTML, posts[i].firstChild);
  }
}
</script>
  • Substitua "caminho/para/seu/banner.jpg" pela URL real da imagem do seu banner.
  • Você pode personalizar o CSS da classe "banner" no código HTML para ajustar a aparência do banner.
  • Salve as alterações no tema.

2. Utilize um widget de HTML/JavaScript:

  • Crie um novo widget de HTML/JavaScript no Blogger.
  • No campo "Conteúdo", adicione o código JavaScript da etapa 1.
  • Salve o widget e adicione-o à barra lateral do seu blog.

3. Plugins e ferramentas de terceiros:

  • Explore plugins do Blogger que oferecem a funcionalidade de inserir banners em posts.
  • Utilize ferramentas online como o Insert Banner para gerar um código JavaScript que pode ser adicionado ao seu tema.
Lembre-se:
  • Teste as opções com cuidado em um post de teste antes de aplicar em todo o blog.
  • Certifique-se de que o banner esteja otimizado para web e não comprometa a experiência do usuário.
  • Siga as diretrizes do Blogger para evitar problemas com a plataforma.

Dicas extras:

  • Crie banners diferentes para diferentes categorias de posts.
  • Utilize banners para promover produtos, serviços ou conteúdos específicos.
  • A/B teste diferentes banners para ver qual funciona melhor.

Espero que essas soluções te ajudem a alcançar seu objetivo de ter um banner em todos os posts do seu blogspot!

Comentários