Hey, gente!
Sei que tinha prometido essa postagem há uns dias atras, mas só deu pra organizar o post hoje! Ufa! Correria, correria!
As dicas de hoje, como o título diz, são pra deixar seu blog organizado visualmente. Ninguém merece entrar num blog poluído, cheio de perequetês inúteis, feios, despadronizados e com elementos nada a ver. Um blog é uma coisa meio pessoal, e querendo ou não, a personalidade do dono dele acaba sendo refletida alí. Um blog desorganizado, dá impressão de que o dono é desleixado e despreocupado com os leitores dele.
Dica 1: Combinação de cores e elementos
A escolha dos elementos e das cores do blog devem fazer jus ao nome e ao estilo que ele segue. Existem cores quentes, como vermelho, laranja, amarelo e etc, que são estimulantes e dão a sensação de alegria, excitação e dinamismo. Mas também há cores frias, como azul e verde, que passam calma, tranquilidade e serenidade. Se você resolveu criar um blog com o nome "Livros em Chamas" por exemplo, não tem nada a ver colocar ele todo azul com flores e passarinhos voando, pois o nome lembra fogo e o fogo e os elementos relacionados a ele são quentes e intensos, logo, as cores adequadas são as cores quentes...Pra quem tem curiosidade ou quer entender melhor, existem muitos sites que explicam a teoria das cores, harmonia e tudo mais, então não vou me aprofundar nesses temas.
Caso tenha duvidas sobre harmonia das cores, existe um site bem bacana que disponibiliza diversos tipos de combinações, o Color Combos. Ele inclusive já dá o código decimal da cor em questão pra facilitar na hora de aplicar no blog.
Dica 2: Disposição das imagens
As colunas do template do blog tem limites de altura e largura, e nada pior do que uma imagem dentro da área de postagem, ou na lateral, que ultrapassa esse limite. Gente, não tem coisa mais desleixada do que isso.
Geralmente quando a imagem é adicionada pelo próprio gadget, é possível marcar a opção para que ela fique ajustada automaticamente, mas e quando ela está no meio do html?
Nesse caso, você tem duas opções. Arranjar um editor de imagem e ajustar a imagem pra que fique menor, ou incluir no codigo html um comando para que ela fique ajustada:
Lembrando que altura e largura são medidas em pixels, e geralmente as colunas laterais medem cerca de 300px, mas pode ser mais, ou menos, claro. Para confirmar e deixar a imagem sempre menor do que a largura, é só entrar nas configurações do blog e em Modelo - Personalizar, conferir o tamanho na opção "Ajustar larguras":
Dica 3: Banner rotativo
Muitas parcerias + muitos banners + pouco espaço = Gadget para banners rotativos.
Não é dificil achar e configurar o código html para banners que ficam rolando, pra cima ou pra baixo, pra esquerda ou pra direita, igualzinho aqueles créditos no final de um filme na lateral do seu blog. Se os banners forem poucos, tudo bem, porém, tem gente com 300 parcerias que simplesmente coloca TODOS os banners do mundo na rolagem. Oi? Quem em sã consciência vai ficar alí, com um balde de pipoca, perdendo 2hrs da vida assistindo todos aqueles banners passar? Pode ser prático por causa do espaço, mas chega a ser uma falta de respeito com os leitores e até com o parceiro que tá no meio daquela rolagem eterna... Não façam isso, por favor...
Dica 4 - Publicidade no blog
Propagandinhas podem dar uma graninha extra, mas dependendo do anúncio e da localização dele, o visual do blog fica todo estragado. Se não tiver jeito e for mesmo necessário incluir essa publicidade, é melhor dar preferência pra colocá-la na lateral do blog, como um gadget, ou em forma de slide. Colocar publicidade logo abaixo do cabeçalho, principalmente se for uma imagem estática e de um tamanho que não acompanha a largura do post e da lateral, não fica legal... Olha "eça coiza orroroza":
E pensa bem... se uma já fica feia, imagina se forem muitas e de tamanhos diferentes ainda... #xorei. Anúncios distribuídos de qualquer jeito, em qualquer lugar, além de deixar o visual pesado, dispersa o foco o leitor.
Quando esses anúncios ficam reunidos em um slide, no rodapé do blog, ou até mesmo num gadget de rolagem (desde que sejam poucos), fica muito mais organizado e menos poluído.Existem alguns blogs com dicas para layouts que trazem tutoriais muito bons de como inserir esses slides, que na minha humilde opinião, são a melhor forma de anunciar qualquer coisa. É só dar uma pesquisada no Google.
Dica 5 - Cabeçalho bagunçado
Harmonia é a palavra chave. O cabeçalho é a identidade, a porta de entrada do blog, é a primeira coisa que os leitores irão ver quando acessarem, por isso, deve ser algo que seja agradável e cause impacto e que faça com que quem visitou, se lembre dele depois a partir dos elementos presentes alí. A fonte deve ter impacto e combinar com o resto dos elementos. A(s) imagem(ns) também devem ser harmoniosas e combinarem entre si, terem traços iguais ou parecidos e não darem a impressão de bagunça e falta de senso. Imagens aleatórias, sem edição e dispostas de qualquer jeito não faz com que o leitor se concentre nem associe um elemento ao seu blog. Imagina a cena: "Ah, vc que é a dona daquele 'Blog Teste', da corujinha, do biscoito de estrela, do rolo de filme, das balas, da câmera, daquela zona sem fim, né?"Trocar o layout e alguns elementos não tem problema, pois é bom mudar de vez em quando e deixar as coisas mais modernas ou práticas, mas ficar trocando o logo do blog sempre, faz com que ele perca a identidade.
Um blog bacana pode ser simples, mas se for bem organizado, com cores harmoniosas e elementos bem distribuídos, fica bem mais convidativo e aconchegante pra quem visita.
Por hoje as dicas são essas, pessoal! Caso tenham duvidas ou sugestões para mais dicas, é só deixar nos comentários aqui em baixo mesmo.
Espero que as dicas tenham sido úteis para ajudar aqueles que querem dar um up, uma faxina e uma organizada básica no seu cantinho.