Blogger in Draft: Novidades na troca de layouts!
Eis uma novidade que arrancou sorrisos de muitos internautas. A possibilidade de criar um layout personalizado sem mexer em códigos já não é mais uma possibilidade remota, se tornou uma realidade. Por enquanto a ferramenta só está disponível no Blogger in Draft, sendo uma ferramenta experimental, beta (como quase tudo no Draft).
Se você utiliza o Internet Explorer, saiba que poderá ocorrer erros ou falhas nos estilos de templates. Então recomendo a utilização de outros navegadores:
Acesse o seu painel in Draft, vá na aba “Layout” > “Designer do modelo“.
Será ai que a mágica acontecerá. Mas, o que eu poderei fazer?
- Escolher um estilo de template.
- Alterar opções como cor de texto, fundo, tamanho do template, tamanho da sidebar (lateral).
- Dezenas de imagens pré-programadas para a personalização do fundo.
- Adicionar mais colunas na sidebar (lateral) e no rodapé (footer).
- Visualizar as alterações em tempo real.
- Entre outras personalizações.
São em média 15 temas, altamente personalizáveis, que você poderá escolher. Você pode alterar tudo o que quiser, como dito na lista acima.
Modelos:
Aqui é a primeira parte, onde você vai escolher o estilo do layout. Acima são os estilos disponibilizados. Escolha um, ao escolher você poderá dar uma olhada de como está ficando o seu template, na parte de baixo da página.
Plano de Fundo:
Existem duas opções dessa configuração: escolha de um plano de fundo; escolha de um conjunto de cores para o template.
Imagem de plano de fundo:
Ao lado esquerdo da tela existe a opção de planos de fundo com imagens (“Imagem de plano de fundo“), clique sobre a imagem:
Acima você vê apenas uma pequena amostra da quantidade de imagens que você poderá escolher. Se não quiser utilizar imagens do fundo, clique “Sem imagem“.
Cor de tema principal:
Cada template tem um conjunto de cores pré-estabelecidos, no lado direito você poderá alterá-los ao seu gosto. Você encontrará (em média) 12 conjuntos de cores sugeridas, se preferir escolha uma delas.
Acompanhe as mudanças na parte de baixo do próprio editor.
Layout:
Nesta aba temos mais três opções: estrutura do layout (quantidade de colunas e a posição delas); personalização do rodapé (quantidade de colunas); ajustes do layout (tamanho do layout e tamanho da sidebar – lateral).
Layout do corpo:
São 8 estilos diferentes para você escolher, com ou sem sidebar, quantidade da sidebar, posicionamento da sidebar, entre outros:
Layout do rodapé:
Quantas colunas você quer no rodapé? Uma? Duas? Três?! É aqui que você escolhe! ;D
Ajustar largura:
Qual tamanho você quer o seu layout? Aqui você pode escolher de 500px até 1000px! Além de poder escolher o tamanho da sua sidebar (de 100px até 500px).
Avançado:
Aqui está todas opções de estilo do seu template. Cores, fontes, etc. Todas as opções de cores possuem uma pequena palheta de cores, na personalização das fontes existe uma lista com cerca de 7 estilos para você escolher. Aqui você também muda as cores dos links, das sidebar, entre outros.
Em todas as opções, de todas as abas, existe um link para voltar as configurações normais.
Depois de fazer todas as configurações e alterações, clique no link no menu superior a direita “Aplicar ao Blog“. E para voltar ao painel in Draft, clique em “Voltar para o Blogger“.
Outras opções:
Personalizar rodapé:
Você pode colocar seu nome ou o nome do seu blog no rodapé. Não é possível (nem permitido) a retirada dos créditos do autor do template. Para acrescentar mais informações acesse: “Layout” > “Elementos da página“. Vá até o elemento “Attribution” (o último elemento), e clique em “Editar” ou “Edit”.
Vídeo de apresentação:
Eis a novidade do Blogger in Draft, expliquei todas as abas. Espero que tenha gostado. Acredito que com essa mudança os templates antigos (alterados com o código antigo) poderão apresentar erros, é só uma suspeita. E lembre-se, troque de navegador. Assine nosso feed!
UPDATE (12/03):
Vou acrescentar uma lista de blogs que ensinara e comentaram sobre essa nova ferramenta. Recomendo a leitura, principalmente, do tutorial do Dicas Blogger. A Juliana comenta sobre alguns problemas (como perda das configurações do antigo template) e sobre os “widgets fantasmas”.
- Como criar um template para Blogger / Blogspot – Dicas Blogger
- Novos modelos de templates nativos do Blogger – Templates Novo Blogger
- Novo editor visual de templates no Blogger – Usuário Compulsivo
- Como criar Template para Blogger – Designer do Modelo – Ferramentas Blog
- Designer do modelo: Nova ferramenta no Blogger in Draft – CrazyseaWolf
Fonte: @_Ariane_ e Blogger Oficial
Excelente. Já fiz as mudanças. Só falta voltar a postar. Mas me deu ânimo.
Belíssimo tutorial, garoto! E foi melhor ainda ao dizer que o IEca poderá apresentar erros, pois nos códigos temos muito HTML5 e CSS3, inovações que o navegador do titio Gates não dá suporte (não sei porque). Eu ia fazer um tutorial nesse fim de semana, mas como o seu está perfeito, nem vou arriscar. Vou recomendar o seu com certeza! Um abraço!!!!
Olá, pessoal! Muito bacana os novos temas, mudei o meu tbem, porem algumas coisas desapareceram…ex: cod monitoramento do Analytics. Clique c botão direito sobre seu blogger apos mudar o tema e escolha “exibir codigo fonte”!Aperte ctrl+f no Firefox para procurar por “gajs” ou no menu do Chrome em “encontrar página”, escreva “gajs” se não aparecer o script com seu codigo do Analytics, ele desapareceu tbem, como o meu!Daí deve implementar novamente.Valeu gente!