Criar layouts a partir dos modelos

Tadaima ^^

Dando as caras novamente enquanto fujo dos pedregulhos, hoje estou aqui para ajudar alguns blogs em particular. Há pessoas que não querem arriscar-se com HTML, e de facto, é possível fazer layouts bonitos apenas personalizando os modelos do blogger. Porém, para isso, é preciso ter alguma sensibilidade. Daí eu querer ensinar como personalizar cada um deles em condições. Sem mais enrolação, vamos ao post.

Notas: 

• Sempre que o modelo permitir, use um fundo padronizado. Pode procurar alguns aqui: www
• Gadgets importantes de adicionar: Boas vindas (use IMAGEM com título + TEXTO sem título), seguidores, sobre mim, menu (Lista de links). Todos esses vêm incluídos no tipo de gadgets pre-definidos. Também pode usar etiquetas, mas se quiser usar o arquivo, então opte pelo menu pendente, que ocupa menos espaço.
• Pelo sim, pelo não, use sempre um cabeçalho em png, exceto nos casos que eu citar abaixo.
• No rodapé, coloque apenas etiquetas, comentários, data, e quem publicou. Esquema os botões de divulgação.
• Retire a navbar, em esquema - basta escolher "desativado"
• De preferência, use apenas uma barra lateral. Ao personalizar, isso pode ser escolhido em esquema.
• Tudo o que vem a seguir deve ser alterado em "Personalizar". Não se esqueça de salvar as alterações.
• Aumente um pouco a largura do blog, também em personalizar. 
• Tudo o que vem a seguir é alterar em "personalizar - avançadas"

Modelo simples - primeira imagem:

» Texto da página: Não altere nada

» Fundos: Coloque uma cor clara no fundo principal, como branco ou, melhor ainda, #f8f8f8

» Hiperligações: Escolha cores que combinem com o cabeçalho. Neste caso, eu escolhi roxo, dourado e violeta.

» Título do blog: Escolha uma fonte grossa, como Chewy

» Descrição do blogue, Texto do separador, Fundo dos separadores: não altere

» Título da mensagem: Use a mesma fonte que no título do blog, mas mais pequena, como tamanho 20

» Cabeçalho da data: eu colocaria o fundo transparente, mas mais nada

» Rodapé da mensagem: Não altere, ou coloque um fundo claro que combine melhor com o cabeçalho

» Miniaplicações: Escolha uma cor parecida com a dos links/hiperligações. Use fontes legíveis. Não coloque muito grande, porque também afeta a data, e datas gigantescas ficam horríveis.

» Imagens, tons...: não altere nada do que está abaixo.

Veja como ficou: www www

Modelo visualizações dinâmicas - não use. Ponto.

Modelo Janela desenhada - primeira imagem:

» Não altere: texto da página, fundos, texto e fundo dos separadores, rodapé,

» Faça como no primeiro modelo: Hiperligações, título do blog e da mensagem, cabeçalho da data, miniaplicações, 

» Publicar: se o fundo do blog for escuro, use um contorno mais escuro, se for claro, use um contorno claro. Assim evita-se um grande contraste. 

» Links do rodapé: Coloque iguais ao das miniaplicações, a não ser que o blog tenha fundo escuro

Veja como ficou: www www

Modelo Espetacular, Lda - primeira imagem

» Não altere: descrição, texto e fundo dos separadores, feed,

» Faça como no primeiro modelo: Hiperligações, título do blog, título da mensagem, 

» Página: cor do texto #666666. Enfim, um cinza escuro, já que pretendo clarear os fundos. Se não quiser, deixe como está.

» Fundo da mensagem: Fundo #f8f8f8, limites #d4d2d2, relevo branco

» Cabeçalho da data: fonte Allerta, tamanho 12 (ou algo parecido), cinza ou de um tom intermédio

» Título da mini-aplicação: Coloque parecido com o título do post, mas mais pequeno.

» Texto da miniaplicação: Letra legível, pequena, escura (porque vamos colocar o fundo claro)

» Links para miniaplicações: Coloque iguais às hiperligações

» Fundo da miniaplicação: Coloque, ou iguais ao fundo da mensagem, ou num tom mais escuro, mas com o relevo quase sem se ver. 

» Mantenha a barra lateral com fundo transparente, a não ser que tenha deixado transparente o fundo da miniaplicação e relevo, e nesse caso já fica bem colorir a barra lateral. 

» Imagens: ou coloque tudo transparent, ou coloque fundo branco com relevo cinza claro.

» Links de feeds: Iguais às hiperligações

» Pager: fundo da cor das miniaplicações

» Rodepé: fundo e texto igual ao das miniaplicações

Veja como ficou: www www

Modelo marcad'agua - imagem 1

» Não altere: texto da página, descrição do blog, texto e fundo dos separadores

» Faça como no primeiro modelo: hiperligações, titulo do blog

» Fundos: fundo do rodapé claro ou escuro, desde que combine.

» Cabeçalho da data: fonte Allerta, tamanho 12 (ou algo parecido), cinza ou de um tom intermédio

» Publicar: Fundo transparente, letra espessa com cerca de 20px, limites de uma das cores das hiperligações, claros

» Rodapé da mensagem: Texto cinza intermédio ou de uma cor que combine com o lay

» Miniaplicações: igual ao título da mensagem, mas mais pequeno

» Rodapé: texto cinza ou de cor que combine

» Links do rodapé: Iguais às hiperligações

Veja como ficou: www www

Modelo marcad'agua - imagem 4 (sim, eu estava a escolher a 1 porque tende a ser mais bonita, mas aqui a 4 tem um ótimo menu e área de postagem)

» Não altere: texto da página, descrição do blog, rodapé do blog

» Faça como no primeiro modelo: hiperligações, titulo do blog

» Rodapé da mensagem: fundo branco ou de uma cor que combine com o lay

» Texto dos separadores: Fonte legível, não muito grande e da cor das hiperligações

» Fundo dos separadores: de alguma cor que combine com o blog, ou branca. Separador transparente

» Cabeçalho da data: fonte Allerta, tamanho 12 (ou algo parecido), cinza ou de um tom intermédio

» Publicar: letra espessa com cerca de 20px, fundo #f8f8f8, limites brancos (ou coloque da mesma cor, mas assim não aproveita o bónus do modelo)

» Rodapé da mensagem: Texto cinza intermédio ou de uma cor que combine com o lay

» Miniaplicações: Texto igual ao título da mensagem, mas mais pequeno

» Links do rodapé: Iguais às hiperligações

Veja como ficou: www www

Modelo Celeste - imagem 1

» Não altere: body text, descrição do blog, texto e fundo dos separadores, tons

» Faça como no primeiro modelo: hiperligações, titulo do blog, título da mensagem

» Background: fundo principal #f8f8f8 e limites transparentes ou de uma cor que combine

» Texto dos separadores: Fonte legível, não muito grande e da cor das hiperligações

» Fundo dos separadores: de alguma cor que combine com o blog, ou branca. Separador transparente

» Título da miniaplicação: fonte pequena, relevo claro ou transparente

Veja como ficou: www www

Modelo viagem - imagem 3

» Não altere: texto da página, descrição do blog, texto e fundo dos separadores, fundos, cabeçalho da data

» Faça como no primeiro modelo: hiperligações, titulo do blog, título da mensagem

» Texto dos separadores: Fonte legível, não muito grande e da cor das hiperligações ou branco

» Fundo dos separadores: de alguma cor que combine com o blog, ou transparente.

» Fundo da mensagem: mantenha branco ou #f8f8f8

» Links para miniaplicações: iguais às hiperligações

» Texto da miniaplicação: claro ou escuro. Mantenha a fonte

» Fundo da barra lateral: mantenha transparente ou coloque da cor do fundo dos separadores

Veja como ficou: www www

Voilá, era uma grande variedade. Eu fiz por deixar os meus layouts todos parecidos, só muda as formas mediante o modelo escolhido. Com este post as pessoas já podem saber qual é o melhor modelo para editar a barra lateral (o último) ou deixar os gadgets em caixinhas (terceiro), em que modelos as imagens têm moldura, quais têm fundo na área total do blog e quais beneficiam dos melhores menus (que eu me esqueci de mostrar nos primeiros modelos).

Jaa ne ^^