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.