Como Adicionar um Widget com Data e Hora em Tempo Real no Blog?

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar um widget do tipo HTML/JavaScript com informação de data e hora em tempo real no seu blog.

Para inserir a informação de data e hora em tempo real em outros elementos do seu do blog, como por exemplo, no cabeçalho e no topo da tela, clique aqui.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

Como Adicionar Data e Hora em Tempo Real no seu Blog?

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar um campo com informação de data e hora em tempo real no seu blog. Esse campo pode ser adicionado no topo do blog, abaixo do cabeçalho, nas postagens, entre outros elementos visuais.

Para inserir um campo com informação de data e hora em tempo real em um widget do tipo HTML/JavaScript do blog, clique aqui.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

Como Alterar a Página Inicial entre a Forma Estática e Dinâmica?

CONSIDERAÇÕES INICIAIS

O ponto de partida para a navegação em um blog é a página inicial, pois através dela o internauta busca direção para acessar as novidades, os conteúdos relevantes e as principais informações acerca do seu blog. Nesse sentido, a página inicial pode ser estática, quando as informações são fixas e as atualizações ocorrem apenas de forma manual. Entretanto, a página inicial também pode ser dinâmica, quando as informações são atualizadas automaticamente, conforme as novidades publicadas no blog. Dessa forma, confira um tutorial mostrando como alterar o layout da página inicial entre a forma estática e a forma dinâmica, conforme suas necessidades.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda, mas também pode ser utilizado em outros temas que utilizam a plataforma do Blogger. Para mais informações sobre como criar e gerenciar um blog no Blogger, clique aqui.

Como Adicionar um Menu no Topo do Blog?

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar um menu horizontal no topo da tela do seu blog, disponibilizando alguns links para as principais páginas publicadas, além de uma mensagem de boas-vindas e indicação de data e hora em tempo real.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

.

Como Adicionar um Menu Abaixo do Cabeçalho do Blog?

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar um menu horizontal abaixo do cabeçalho do blog. Dessa forma, é possível utilizar esse menu para disponibilizar alguns links para as principais páginas publicadas no blog, além de uma caixa de pesquisa para facilitar a busca por assuntos específicos.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

Como Adicionar um Menu Abaixo do Rodapé do Blog?

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar um menu horizontal abaixo do rodapé do blog. Dessa forma, é possível utilizar esse menu para disponibilizar alguns links de atalho para as principais páginas publicadas no blog e para as redes sociais.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

Como Adicionar um Botão com Caixa de Pesquisa no Blog?

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar um botão para exibir e ocultar uma caixa de pesquisa flutuante no topo da tela do blog.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

Como Adicionar um Botão com Menu Flutuante no Blog?

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar um botão para exibir e ocultar um menu flutuante no blog com uma lista de links para as principais páginas publicadas.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

Como Personalizar o Texto Publicado nas Postagens do Blog?

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como personalizar o texto publicado nas postagens do blog a partir do uso de alguns códigos CSS e HTML de forma simples, rápida e prática.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

Como Deixar as Bordas das Postagens com os Cantos Arredondados?

CONSIDERAÇÕES INICIAIS

Alguns modelos de temas do Blogger, como o Awesome, deixam as bordas das postagens com os cantos perpendiculares, além disso, não disponibilizam de ferramentas nativas para personalizar esse detalhe. Nesse tutorial, confira como deixar as bordas das postagens do blog com os cantos arredondados, melhorando o visual do blog.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo desse tema, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

Como Adicionar uma Caixa de Texto no Blog com Botão Copiar

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar uma caixa de texto com botão para copiar o conteúdo interno, facilitando o compartilhamento de mensagens, informações de contato, códigos HTML, entre outros conteúdos textuais, conforme o exemplo abaixo.

Nesse caixa, ao clicar sobre o botão copiar, o texto da caixa será copiado diretamente para a área de transferência do internauta. Dessa forma, esse botão facilita o compartilhamento de conteúdo pois dispensa o uso das tradicionais funções de selecionar e copiar. Além disso, após o clique no botão, deve ser exibido na tela do navegador uma mensagem informando que o conteúdo da caixa foi copiado para a área de transferência.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

Como Adicionar Link com a Função Exibir e Ocultar Texto no Blog

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar um link com a função exibir e ocultar texto nas postagens do blog, melhorando a organização do espaço do conteúdo publicado. Esse link pode ser adicionado na forma de nome ou imagem, conforme o exemplo abaixo.

Acesso rápido

1. Como adicionar a função exibir e ocultar no blog?

2. Função exibir e ocultar com imagem

3. Considerações finais

4. Tutoriais recomendados

5.Comentários

A função de exibir e ocultar texto é essencial para esconder informações que só devem ser reveladas quando for solicitado pelo internauta, como por exemplo, a resposta de um questionário, o resultado de um teste de lógica, entre outros casos. Essa função também pode ser utilizada para organizar elementos que são relevantes para alguns internautas, mas que não são interessantes para outros. Dessa forma, a função permite exibir um determinado conteúdo apenas para os internautas que solicitarem a visualização por meio do clique, como por exemplo, um sumário da postagem, um resumo de matéria, uma resolução detalhada de cálculo matemático, entre outros casos.

Embora a função seja inicialmente utilizada para exibir e ocultar texto, também pode ser utilizada para mostrar e ocultar outros tipos de conteúdo, como imagens, vídeos, apresentações de slides, tabelas, entre outros.

Como Adicionar um Menu Suspenso no Blog

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar um menu suspenso no blog para organizar uma lista de links de forma prática e compacta, conforme o exemplo abaixo.

  Acesso rápido Como adicionar um menu suspenso numa postagem do blog? Como adicionar um menu suspenso num widget do blog? Considerações finais Comentários

O menu suspenso pode ser utilizando para organizar e compactar links de ancoragem, links internos ou links externos, inclusive para acesso às redes sociais.

Como Adicionar Links de Ancoragem no Blog

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar links de ancoragem para seções específicas de uma postagem do seu blog, facilitando a navegação no conteúdo publicado.

Os links de ancoragem permitem a navegação dentro do conteúdo de uma mesma postagem ou em pontos diferentes de uma mesma página do blog, possibilitando a elaboração de sumários com acesso para cada tópico ou seção do conteúdo da sua postagem. Vale ressaltar que esse recurso é indispensável para facilitar a navegação em postagens mais longas, como no exemplo abaixo.

 

Acesso rápido: 1. Como adicionar um link de ancoragem? 2. Como elaborar um sumário com links de ancoragem? 3. Como adicionar uma lista de links com ancoragem? 4. Considerações finais 5. Tutoriais recomendados 6. Comentários

Como Personalizar os Links do Blog?

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como personalizar todos os links do blog ou apenas aqueles disponíveis nos widgets ao lado das postagens.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

Como Adicionar Botão Flutuante no Blog?

CONSIDERAÇÕES INICIAIS

Os botões flutuantes são imagens no canto da tela do blog com link para realização de funções especiais ou para acessar endereços eletrônicos importantes. Nesse tutorial, confira como adicionar um botão flutuante no blog com link para retornar ao topo da página.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

Como Alterar o Plano de Fundo da Blog-Pager?

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar uma imagem no plano de fundo do menu de navegação das páginas do blog (blog-pager), deixando o visual mais personalizado.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

 

Como Adicionar Sombra no Texto do Blog?

CONSIDERAÇÕES INICIAIS

Nesse tutorial, confira como adicionar o efeito da sombra no texto de alguns elementos do seu blog, deixando a aparência visual mais sofisticada. Esse efeito pode ser adicionado no título e no texto das postagens, no título dos widgets, no texto do rodapé, entre outros elementos.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Antes de realizar qualquer um dos procedimentos a seguir, primeiramente faça um backup do seu blog. Se ocorrer algum problema durante o procedimento, o blog poderá ser restaurado com o arquivo do backup realizado. Se tiver alguma dúvida sobre o backup, clique aqui.

 

Como Personalizar o Plano de Fundo da Postagem com o PowerPoint?

CONSIDERAÇÕES INICIAIS

No dia 25 de novembro de 2025 foi publicado um tutorial mostrando como alterar o plano de fundo das postagens e dos widgets do blog, adicionando uma imagem no fundo. Dessa forma, confira como utilizar o Microsoft PowerPoint para personalizar a imagem do plano de fundo da postagem do seu blog de forma simples e rápida.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Para mais informações sobre como adicionar uma imagem no plano de fundo das postagens do blog, clique aqui.

 

Como Personalizar o Cabeçalho do Blog Utilizando o Plano de Fundo?

CONSIDERAÇÕES INICIAIS

Um dos elementos mais chamativos de um blog é o cabeçalho, pois esse elemento aparece já no início das páginas. Nesse sentido, a utilização de imagens transparentes no cabeçalho possibilita o desenvolvimento de um visual combinado com o plano de fundo, deixando o design da interface do seu blog mais atrativa e sofisticada.

Nesse tutorial, confira como personalizar o cabeçalho do blog de forma simples e prática, utilizando a imagem do plano de fundo.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Para mais informações sobre como alterar a imagem do plano de fundo do blog, clique aqui.