Como criar Template para Blogger – Designer do Modelo

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

designer-modelo-template

Agora, qualquer pessoa pode criar um modelo de layout para seu pr贸prio blog no Blogger (Blogspot), mesmo sem conhecer c贸digos de HTML, CSS ou ser um designer para Web. Todos podem ter Templates originais com poucos cliques.

A grande novidade do Blogger 茅 seu nov铆ssimo painel de cria莽茫o de Templates e layouts para a plataforma Blogger.

Uma inova莽茫o 煤nica e sem precedentes em qualquer plataforma de cria莽茫o de sites ou blogs. Nem mesmo o WordPress tem recursos t茫o sofisticados e intuitivos. A maior dificuldade de todo blogueiro 茅 encontrar um template que agrade e mesmo assim s茫o necess谩rias mudan莽as, customiza莽玫es e adapta莽玫es que a maioria nunca conseguir谩 fazer.

Com esse servi莽o, o Blogger avan莽a como a melhor plataforma totalmente gratuita de blog e rivaliza de vez com o WordPress. Se voc锚 quer ter um blog original e totalmente 煤nico e personalizado, o Blogger 茅 o seu lugar.

Como criar um Template com o Designer do Modelo.

(J谩 adianto: 茅 muito, muito f谩cil e qualquer pessoa consegue)

introdu莽茫o.

Nenhum template do Blogger anterior ao lan莽amento desse recurso 茅 compat铆vel com o novo painel e n茫o 茅 poss铆vel customiz谩-los l谩. Os modelos antigos continuam funcionando normalmente e continuam valendo como op莽茫o. Todo template do Blogger precisa ser um arquivo do tipo XML e os novos modelos s茫o transportados da mesma forma, mas contam agora com novos c贸digos-fonte com HTML5 e CSS3.

Antes de fazer qualquer mudan莽a em seu blog, recomendamos que tire um backup completo. Tamb茅m 茅 recomend谩vel que voc锚 crie um blog alternativo s贸 para testes.

Passo 1. A primeira coisa a saber: precisa acessar o painel do Blogger pelo Blogger in Draft, onde a Google testa os novos recursos antes de torn谩-los totalmente p煤blicos.

Passo 2. Abra o painel do Blogger e clique no menu “Layout” ~> “Designer do modelo” para acessar o novo sistema.

designer-modelo-template-blogger

Passo 3. Escolhendo um modelo.

Na janela que abrir voc锚 ver谩 todos os recursos dispon铆veis e tudo 茅 feito com poucos cliques e com centenas de possibilidades. 脡 hora de investir em sua criatividade.

Ent茫o a primeira coisa a fazer 茅 escolher um modelo e as varia莽玫es dispon铆veis para cada um deles:

painel-designer-modelos-template

E voc锚 pode acompanhar todas as mudan莽as na parte inferior da janela em tempo real, sem precisar aplicar nada de forma definitiva. Tudo 茅 completamente customiz谩vel e adapt谩vel.

Passo 4. Definindo um Plano de fundo.

H谩 uma infinidade de op莽玫es para voc锚 usar como plano de fundo de seu blog. Desde apenas escolher uma cor s贸lida, at茅 imagens para todos os gostos e padr玫es, que combinam com todos os estilos.

cores-plano-de-fundo-designer-blogger

Para escolher uma imagem, basta clicar onde est谩 “Imagem do plano de fundo”. Uma janela abrir谩 com centenas de op莽玫es.

imagem-plano-fundo-designer-blogger

Passo 5. Definir o tipo de Layout.

O Blogger oferece v谩rias possibilidades de estrutura do layout de um blog. Essa estrutura passa pelas camadas, Cabe莽alho, rodap谩, barras laterais (sidebar), menus e 谩rea de texto (posts), bem como a largura (medidas e dimens玫es) do template.

layout-corpo-blogger-designer

 

estrutura-template-blogger

O mais interessante desse recurso 茅 poder ajustar a largura total do layout e tamb茅m do espa莽o destinado 脿 barra lateral (sidebar). E o melhor de tudo 茅 que agora qualquer um pode ter um rodap茅 totalmente adapt谩vel, n茫o s贸 com uma ou duas colunas, mas com at茅 tr锚s. E todo o blog pode ter at茅 4 colunas, sendo uma 谩rea de postagens e tr锚s sidebars.

Passo 6. Fun莽玫es avan莽adas e detalhes finais.

Praticamente toda a estrutura j谩 foi definida, mas faltam alguns detalhes que s茫o fundamentais para mostrar a originalidade de seu template. H谩 agora os recursos avan莽ados, que permitem mudan莽as de fontes, tamanho de texto, cores de fundo, links, CSS adicionais, estilo dos t铆tulos etc.

designer-avancado-blogger

N茫o tenha pressa e fa莽a tudo com cuidado e dedica莽茫o, para refinar bem os detalhes. Veja cada mudan莽a no painel da parte de baixo e se for preciso, clique no link “Visualizar blog” no canto superior direito da janela.

Passo 7. Aplicar ao Blog o novo Template.

Se tudo est谩 como voc锚 deseja, ent茫o 茅 hora de instalar (Aplicar) o desenho de seu novo template, totalmente personalizado. Para isso, basta clicar no bot茫o que fica no canto superior direito da janela onde diz “APLICAR AO BLOG”.

aplicar-template-blog

Abra o seu blog e veja o resultado definitivo. Se precisar, volte ao menu “Designer de modelo” para fazer ajustes e mudan莽as como voc锚 preferir. A grande vantagem desse sistema 茅 que tudo pode ser customizado sem perder nada.

Artigos importantes para Template do Blogger:

.

30 Comentários

  1. Realmente a fun莽茫o 茅 espetacular para quem n茫o manja nada de html, mas para quem j谩 conhece um pouquinho, acaba sofrendo limita莽玫es. Por exemplo, eu fiz um template com duas colunas mas n茫o consegui achar no HTML onde mudaria o tamanho das colunas, pois achei muito finas e acabei desistindo de usar a ferramenta.

    Mas a tend锚ncia 茅 que a ferramenta se aprimore e que agrade ainda mais os blogueiros!

    Responder

  2. Caraca, Agora vou show de bola mesmo!
    Word Press j谩 eras…
    S贸 falta o formul谩rio de coment谩rios que pelo amor de deus j谩 pasou da hora de mudar.

    Responder

  3. Marcos, e sobre adi莽玫es de bot玫es e 铆cones como twitter, rss, me refiro a colocar esses 铆cones em partes do blog que n茫o sejam dentro de gadgets….

    Responder

  4. Eles poderiam colocar mais funcionalidades,como a colega ai de cima disse.Acho que n茫o foi o suficiente para deixar o Blog com a "minha cara",Mas valeu,vai ajudar muitos usu谩rios leigos.

    Responder

  5. Nossa essa foi de arrebentar..mais um motivo pra manter o Ferramentas blog nos meus favoritos enternamente…r.ss…

    ate amais.

    Responder

  6. Sauda莽玫es caro Marcos Lemos,
    Primeiramente quero manifestar minha gratid茫o pelas suas in煤meras dicas e valiosas orienta莽玫es. Antes de tentar qualquer coisa nova no meu blog, primeiro recorro as suas excepcionais mat茅rias.
    Quanto a nova ferramenta de template, inegavelmente 茅 uma ferramenta muito interessante e 煤til, mas como j谩 foi anteriormente mencionado por outros blogueiros, a limita莽茫o na escolha da imagem de fundo 茅 o seu "tend茫o de Aquiles". Decidi-me por n茫o criar um novo template, pelo simples fato de n茫o poder usar a imagem que desejava e n茫o poder congel谩-la, de forma que o texto e os demais elementos fluam sobre o fundo est谩tico, facilidade que atualmente disponho e utilizo.
    Era isso a铆. Valeu pela mat茅ria.
    Mais uma vez Muito obrigado!
    Muito sucesso, sa煤de e paz.

    Responder

  7. Os recursos s茫o um grande avan莽o, mas com um pouco mais de conhecimento voc锚 fatalmente ir谩 procurar dar uns upgrades no HTML. N茫o tem jeito!

    Responder

  8. Pingback: Mudan莽as no editor de posts do Blogger | [ Ferramentas Blog ]

  9. Valeu, a dica 茅 muito interessante e vai ser muito 煤til. 脌s vezes a gente nem percebe essas ferramentas dispon铆veis no pr贸prio blogger, que permitem editar o template sem ter que ficar estudando html, css, xml e essas coisas, podendo dedicar mais tempo ao conte煤do, combinando beleza com conte煤do.

    Responder

  10. Ol谩, legal o post!
    Mas hoje em dia com tanta correria e falta de tempo, n茫o existe nada melhor do que um template pronto, pra add e facilitar nossas vidas!

    At茅 mais

    Responder

  11. Pingback: Como trocar e configurar Templates no Novo Blogger | [ Ferramentas Blog ]

  12. Estou come莽ando a pouco a usar o blog! Gostei muito das novas mudan莽as “visualiza莽玫es din芒micas” gosto especialmente do “magazine”. Mas no entanto n茫o consigo saber como por o meu perfil vis铆vel para os visitantes. J谩 li v谩rios textos, mas n茫o encontro nem mesmo sugest玫es… Se puderes me ajudar…Desde j谩 agrade莽o.

    Responder

  13. o blogspot melhorou muito desde da ultima vez que use.

    mais e uma santa ignor芒ncia de pessoas que acham que o wordpress
    vai acabar porque o blogue colocou recursos f煤teis para quem n茫o sabe HTML e CSS.

    mais tirando esses coment谩rios gostei muito do que vi,
    mais ainda sinto falta de editar o c贸digo fonte na m茫o.

    abra莽os…

    Responder

  14. Ol谩, o que eu sempre tenho que infrentar 茅 se o modelo pode ser modificado pelo proprio blogger.
    eu sempre vejo que moder layout e etc fica indisponivel, e queria saber porque alguns modelos podem ser modificados por ai e outros n茫o e tambem como torna-los moldaveis no proprio blogger ?

    Responder

    • Marquinhos,
      Nem todos os templates t锚m todos os c贸digos padr玫es do Blogger para poder usar esse recurso. Alguns templates s茫o criados por outros blogueiros sem usar o estilo do Blogger. Por isso que as vezes esse recurso n茫o funciona.
      Infelizmente n茫o tem como adaptar.

      Responder

  15. Ol谩 Marcos,

    脡 poss铆vel um layout para blogger sem a sidebar e com os widgets no cabe莽alho, como se fossem paginas?
    Estou tentando, mas ainda n茫o consegui rs; n茫o encontrei nenhum modelo e tamb茅m n茫o descobri como alterar pelo designer do blogger.
    At茅,

    Responder

    • Sim,
      脡 poss铆vel e voc锚 mesma pode fazer pelo Modelo de Designer. D谩 um pouco de trabalho, mas vc pode ir testando. E h谩 templates feitos por terceiros que seguem esse modelo. Precisa procurar, mas acha!

      Responder

  16. Pingback: Como criar um Blog no Blogger (BlogSpot): Tutorial

Deixe um coment谩rio

Ao comentar você concorda com nossa Política de Comentários.