sexta-feira, 25 de novembro de 2011

Como personalizar template do blog Blogger - Designer de modelo

Como criar sites facilmente

Neste post vou ensinar a vocês como personalizar a template do seu blog no blogger e deixa-la do jeito que você quer. Vou ensinar num passo-a-passo Ilustrado e em breve no final postarei um vídeo tutorial, para os que preferem aprender numa vídeo aula , faço tudo para agradar meus leitores.
Para começar acesse sua conta no blogger.

No painel do blogger, clique em "Modelo".




Nesta pagina clique em "Peronalizar"


Então abrirá a pagina abaixo:

Na imagem acima marcados de vermelho da esquerda para a direita, temos o Menu de navegação e logo depois estão as opções de modelo (template) do blogger. você clica sobre cada tema e logo abaixo são
mostrados os modelos do tema e ao lado tem setas para a navegação pelos temas. entre as duas marcações tem "Agora no blog" neste local mostra o modelo do seu blog no momento. Abaixo temos a área de visualização, a medida que você for fazendo as modificação elas serão mostradas neste local, marcado nesta área esta o botão para expandir a visualização.

Depois que escolher um template (modelo do blogger), você tem a opção de mudar o fundo, colocando uma imagem ou mudando a do modelo que escolheu.


Para fazer a alteração da imagem do plano de fundo, clique no menu em "Plano de Fundo"  e abrirá a pagina acima. Onde inicialmente mostrava "Agora no blog", nesta pagina mostra o plano de fundo do modelo que você escolheu, abaixo tem um link "remover imagem" e ao lado marcado tem a cor do tema principal, se quiser mudar a cor do tema, logo abaixo tem outras paletas de cores "Temas sugeridos", existe outra forma de mudar a cor das fontes, do fundo, etc no menu avançado. Caso queira mudar a imagem de fundo do seu blog basta clicar no botão indicado na imagem em "Imagem de plano de fundo"...
   
...que abrirá a janela abaixo onde você poderá escolher uma imagem do blogger ou fazer upload de uma do seu PC e usa-la no fundo do seu blog, esse recurso vai ajudar a fazer seu template do blogger ficar diferente.
Nessa janela você vai navegar pelos vários assunto temas e escolher a imagem adequada para seu blog. depois é clicar em "Concluído" e pronto.


Se for adicionar uma imagem do PC, clique no inicio da lista em "Fazer upload da imagem" então...



Os formatos suportados são JPG, GIF e PNG e o tamanho máximo é 300 KB, se quiser cobrir todo o fundo com sua imagem ela tem que ter 1800 X 1600 pixel. Não use um tamanho muito maior que isso pois o mesmo será rejeitado. há também a possibilidade de acrescentar uma imagem menor e multiplicar ela por toda tela, ensinarei como fazer nas imagens abaixo:

Marcando essa opção, sua imagem de fundo rolará  junto com a pagina do seu blog (blogger)
Neste menu suspenso "Alinhamento"  a seis opções de local para fixar a imagem no fundo do seu blog (blogger)
No menu suspenso "Dividir" tem quatro opções:
1º fica apenas uma imagem no fundo
2º A imagem é repetida por todo o fundo do blog
3º A imagem é repetida em uma linha horizontal
4º A imagem é  dividida em uma linha vertical 

No link "Layout" do menu você tem acesso 8 layout do corpo do blogger que vão desde sem colunas laterais a 3 colunas laterias, ao lado dele tem o Layout de rodapé

Vamos agora falar sobre o item do menu principal "Ajustar larguras"


Na figura acima a primeira barra com botão deslizante "Todo o blog" corresponde a toda a área onde há informação (Postagem, gadget, menu, título, etc.) se você quer aumentar essa área eu aconselho que aumente até 1000 e no máximo 1100, no geral os internautas não gostam de ficar deslizando barra horizontal para ler, sempre se ponha como leitor, pense que existe centenas ou milhares de blogs que falam sobre o mesmo assunto que você, basta um clique para que o internauta saia da sua pagina. No  layout que escolhi ele tem duas colunas laterais, veja na figura acima barra lateral esquerda e direita nessas barras você controla o tamanho das colunas, mas tome cuidado quanto maior for elas, menor será o espaço para sua postagem.

Quando clicar em avançado vai aparecer ao lado outro menu com links que fazem diversas mudanças na aparência da pagina do seu blog.
 

"Texto da página" > Muda o tipo, o tamanho, a cor da fonte do texto da sua postagem do blog (blogger)


"Planos de fundo" > Muda a cor dos planos: de fundo externo, fundo do cabeçalho e fundo da postagem


Como plano de fundo do cabeçalho você pode usar um banner com o nome do blog, descrição, contato, logo, etc. Crie com algum software gráfico ou então contrate um Webdesign, nosso blog oferece esse serviço com um preço acessível visite Contrate nossos serviços. Um banner com sua marca, vai ajudar na construção de uma imagem profissional para seu blog do blogger.

"links" > Muda a cor dos links da sua postagem.


"Titulo do blog" > Muda o tipo, o tamanho, a cor da fonte do Título do blog (blogger)



Se você estiver usando no cabeçalho um banner com suas informações não precisa mexer nessa configuração. Você também tem a opção de usar uma imagem de fundo com o nome por cima, no próximo poste eu vou ensinar como fazer isso.

"Texto das guias" > Muda o tipo, o tamanho, a cor da fonte e a cor da guia quando selecionada (blogger)



Guias é o menu superior que tanto pode ser o gadget paginas como marcadores. o último que esta marcado na imagem acima "Cor selecionado" é a cor que vai ficar o link selecionado que foi clicado.

"Plano de fundo das guias" > Muda o tipo, o tamanho, a cor da fonte e a cor da guia quando selecionada (blogger)


"Cor selecionada"  nesta imagem esta relacionada a cor do fundo onde fica o link que foi clicado, "Cor do separador" é cor que vai aparecer entre um e outro link.

"Titulo da postagem" > Muda o tipo e tamanho da Fonte do título do post.



"Cabeçalho de data" > muda a cor da data que aparece logo acima da postagem do blog (blogger)



"Postagem" >  Muda a cor do texto do rodapé e a cor da borda da postagem



"Gadgets" > Muda o tipo, o tamanho, a cor da fonte e a cor  do título da gadget. 


Gadget numa tradução mais adequada quer dizer bugiganga, É como um canivete suíço, Em blogs são mini aplicativos que podem ser inseridos na sidebar do seu blog para informar ou promover algo junto aos seus leitores, Ex,: imagens, calendários, contadores, etc.

"Rodapé" > Muda a Cor do título e do texto do rodapé do blog





"Links do rodapé" Muda a cor dos links do rodapé do blog



"Adicionar CSS" > Por este campo você adiciona codigo CSS para mudar a aparência




CSS é uma linguagem que especifica como os documentos são apresentados aos usuários.
Em breve vídeo tutorial.

Nenhum comentário:

Postar um comentário

Faça um comentário, deixa suas impressões, faça uma perguntas e tire suas duvidas.
Será um prazer responder suas duvidas, sempre responderei todas na medida do possível.
Comentários que não se adequarem a politica do blog serão excluídos, segue abaixo motivos para exclusão:
# Usar palavras agressivas, palavrões ou qualquer tipo de ofensa.
# Mensagens qualificadas como Spam. Ex.: Propaganda não autorizada, a mesma mensagem repetida varias vezes, texto que não tenham nada haver com post ou com o blog e qualquer link malicioso.

Essas medidas são para a segurança de nossos visitantes.

Gostou? Compartilhe fácil.