5 TEMAS GRATUITOS do Blogger para o site do seu escritório

Então você decidiu montar um site para o seu escritório e escolheu o Blogger como o "motor" para colocar o seu conteúdo? Pois hoje trago a vocês 10 temas gratuitos que podem ser utilizados em seu site, e vou mostrar passo a passo como instalar.

Olá, caso seja a sua primeira vez aqui, nosso conteúdo é voltado a INOVAÇÃO PARA ADVOGADOS e, em especial, esta série é voltada ao MARKETING JURÍDICO.

Deixo aqui também o vídeo sobre este assunto que gravamos para o nosso canal no YouTube, que é um espaço em que compartilho algumas opiniões, dicas e projetos com outros interessados em tecnologia, seja você programador, advogado ou entusiasta. Aproveita para se inscrever lá e não perder os próximos vídeos, prometo que farei conteúdos interessantes e algumas lives com "coding sessions" bem legais.

Tudo certo? Então vem comigo.

Se você seguiu os nossos conteúdos anteriores, viu que mostramos como você pode montar um site profissional sem programação e, dentre as opções, uma plataforma que eu considero muito boa para montar um "site portfólio", ou seja, um site que traz conteúdo que pode ser rankeado e te dá uma ótima exposição ao longo do tempo por atrair mais visitantes da Internet, é o Blogger.

Ainda não tem seu site profissional? Veja o nosso post aqui do blog sobre como fazer isso, juntamente com o vídeo que publicamos ensinando esse passo a passo:

No conteúdo anterior, eu mencionei que o importante é o conteúdo, e que você pode usar o tema padrão do Blogger de início sem problemas. Porém, eu sei que o tema padrão é bem "feinho", e eu vou então mostrar a vocês como configurar e instalar temas personalizados gratuitamente (apesar de existirem algumas opções pagas para aquele "up" adicional). 

Para encontrar temas gratuitos para o Blogger não tem muito segredo: você pode fazer uma busca no Google por "free blogger templates" e muitos sites vão aparecer com modelos diferentes que podem ser usados na plataforma. Você encontrará modelos de temas para sites de fotos, de vendas de produtos, de esportes, notícias e muito mais. 

"Free blogger templates" vai te trazer um monte de opções logo de cara

Neste post, vou focar em temas que encontrei e que entendo que são interessantes para você apresentar o seu conteúdo em forma de artigos, já que é o que imagino que um site "portfólio" deveria fazer para ter mais exposição. Vamos então a algumas sugestões de temas do Blogger o site do seu escritório:

5 TEMAS GRATUITOS PARA BLOGGER

Abaixo você encontra alguns temas interessantes que eu encontrei na Internet e que podem ser usados no Blogger para customizar um pouco mais o seu site porfólio profissional. No nome de cada tema fiz um link para a respectiva página caso você queira ler um pouco mais ou encontrar mais instruções sobre a instalação e customização deles no Blogger, ou ainda se você quiser adquirir a versão paga do modelo (eles disponibilizam a versão gratuita mas a versão paga dá mais benefícios, como retirar a menção do modelo do rodapé).

1. POLAR

Um tema bem "clean", com um post em destaque principal, seguido por dois outros destaques menores e finalmente a lista de postagens. Funciona bem para que você tenha em evidência o material mais recente que produzir logo na capa. 

Gosto desse tema pois é basicamente composto por branco e linhas cinza, o que deixa o visual bem concentrado no conteúdo mesmo: se usar este tema, capriche nas fotos das postagens para um melhor resultado.

DEMO ONLINE DOWNLOAD

2. KATE

Esse tema tem um ar muito profissional, com uma porção bem chamativa "acima da dobra", o que possibilita que você deixe ali, logo de cara, a sua proposta de valor e uma chamada para ação. Você pode, por exemplo, colocar um título e subtítulo bem chamativos para o que você oferece como serviços e uma chamada para ação, por exemplo, para entrarem em contato com você via WhatsApp.

Além do conteúdo "acima da dobra", esse tema é bem visual para apresentar os demais artigos escritos, o que ajuda muito para dar um visual agradável se as fotos dos seus conteúdos forem bem produzidas.

DEMO ONLINE DOWNLOAD

3. TECHY

Esse tema tem uma ótima apresentação inicial quanto aos destaques de posts: um banner gigante atravessa a página logo na abertura, o que é ótimo para capturar o interesse de quem visita a página. Pela imagem abaixo é possível associar esse tipo de site mais a páginas de tecnologia e games, por exemplo, mas deve servir muito bem para o seu conteúdo. 

Assim como os modelos anteriores, é bem importante uma boa apresentação visual para cada um de seus artigos, já que eles são o chamariz para que o leitor acesse o conteúdo.

DEMO ONLINE DOWNLOAD

4. PHOTONIC

E se o seu site portfólio fosse quase um feed do seu Instagram? Esse tema foca totalmente nas fotos das suas postagens: se a sua produção de fotos for excelente, pode deixar um artigo com uma foto sensacional e, ao clicar na foto, o visitante é direcionado para o seu post.

Esse tema é visualmente muito agradável, e vai deixar o seu site com uma cara muito mais descontraída e chamativa.

DEMO ONLINE DOWNLOAD

5. RIPPLE

Minimalista. Com esse tema você tem basicamente uma forma bonita de manter um Blog, que pode ser o que você deseja para o eu site portfólio. Com uma foto grande para cada artigo e um trecho inicial do que você escreveu, é possível cativar o visitante e levá-lo à página do conteúdo sem muitas distrações.

DEMO ONLINE DOWNLOAD

INSTALANDO UM TEMA CUSTOMIZADO NO BLOGGER

E agora vamos instalar um dos temas, para mostrar na prática como funciona isso aí. 😁

Como regra geral, cada tema tem as suas particularidades e podem precisar de ajustes específicos para funcionarem 100%. Nos links que deixei acima, a maioria leva você para a página com a documentação do tema, em que são explicados passo a passo o que deve ser feito dentro do Blogger e ajustes necessários para que o tema fique funcionando direitinho.

Vamos pegar um tema aqui e aplicá-lo em nosso site feito anteriormente. Para este artigo, vamos usar o último da nossa lista aqui, o Ripple, adotando um visual mais minimalista. 

Primeiro, faça o download do tema gratuito e o descompacte em uma pasta do seu computador. Uma vez descompactado, você verá na pasta do tema um arquivo XML -- esse arquivo é o tema do Blogger.

Este arquivo XML é o tema do Blogger

Para instalar o tema, você precisará acessar o seu painel do Blogger, clicar em Temas, na setinha para baixo do botão "Personalizar" e, finalmente, em Restaurar.

Depois, basta fazer o upload do arquivo XML que você baixou, e o tema será aplicado. Se você acessar o blog nesse momento, vai perceber que ele já tem o tema novo, mas ainda dá uma clara impressão de que há algo "faltando".

Isso porque ainda não acabamos -- precisaremos fazer os ajustes necessários para que o tema seja aplicado corretamente. Normalmente há na própria página de download do tema instruções mais detalhadas para que você faça a personalização do seu tema. Você pode seguir as instruções em cada um dos links para o "Demo Online" que linkamos acima e verá que existem instruções de instalação e configuração. 

DICA: Se precisar das instruções em Português, você pode colar o link no Google Translate e clicar no link traduzido, ou ainda instalar a extensão no Chrome se o estiver usando:

No nosso caso, temos um arquivo de instruções junto com o arquivo que baixamos do Ripple, na pasta "Documentation". Ao abrir o arquivo, porém, percebemos que ele está em uma lingua um pouco diferente (indonésio?) mas é possível saber o que alterar.

Para alterar as seções relevantes, vamos no Blogger alterar o HTML, clicando na seta para baixo no botão Personalizar na aba Tema, e finalmente em Editar HTML.

O que vamos alterar com base nessa documentação, bastando para isso procurar no código HTML:

Menus de navegação superior, substituindo os links por páginas do Blogger que tenhamos efetivamente ou outros links de interesse:

Meta informações do documento, que ajudam na detecção de conteúdo e rankeamento de página, na qual vamos trocar as informações para colocar os nossos detalhes:

Informações de contato, que dão destaque ao nosso perfil e deixam ali de forma fácil formas de o seu visitante entrar em contato com você;

Para facilitar a visualização do tema, eu também publiquei um artigo: isso nos permite ver melhor como ficarão os conteúdos uma vez publicados.

Agora, vamos alterar um pouco o layout que subimos através do menu "Layout": Uma vez na tela, você pode alterar o título de algumas seções e configurar outras seções importantes, como a definição de uma imagem de cabeçalho, por exemplo. Podemos ainda excluir seções e "widgets" que não queremos, para deixar a página mais adequada às nossas necessidades.

Você pode customizar várias seções do seu tema aqui

Finalmente podemos realizar algumas alterações em nosso layout diretamente no código HTML, dando alguns ajustes finais ao que queremos como página. No caso, alterei um pouco o estilo do campo de pesquisa, que ficou agora acima da foto de perfil e contatos. Assim o nosso layout ficou um pouco mais apresentável:

Ainda não está perfeito, mas já é mais apresentável

Vou deixar no GitHub o código XML para esse layout, com os ajustes que eu fiz, caso tenham interesse em consultar. Para ver os estilos que usei no campo de pesquisa, procurem no HTML por /* OCTAVIO SEARCHBAR */

E com isso, você já consegue colocar um tema personalizado no seu site portfólio do Blogger e ter um site profissional mais arrumado, sem gastar nada. 😀

Uma vez que o seu site estiver no ar, você pode gradualmente ir refinando os detalhes dele, melhorando imagens e colocando "widgets" adicionais. Se achar que vale a pena ainda, pode comprar um tema profissional na Internet e implementá-lo da mesma forma que fizemos aqui (nesse site tem vários muito legais para vender e alguns grátis também: https://themeforest.net/category/blogging/blogger)

/* Fim do post, até a próxima */