Aprenda a ser um designer de templates para seu blog

em 16 de março de 2010

image Imagine que você tem o poder de, com apenas alguns cliques, mudar o template do seu blog sem destruir nadinha. Imagine agora que, além de modificar seu blog conforme seu gosto, ainda por cima ele será único! Ninguém terá um igual. E sem destruir nadinha. Imagine ainda que você consegue mudar fontes, cores, inserir imagem de fundo e decidir se seu blog terá 1, 2, 3 ou quantas colunas você quiser. E sem destruir nada do que já existe. E tudo com apenas alguns cliques de mouse.

Imaginou?

Seria perfeito mas não existe?

Gostaria que fosse verdade e não apenas delírio da Elaine?

Quer fazer mas tem paúra de html, css e afins?

Seus problemas siacabaram!

Agora o Blogger está com um recurso maravilhoso! Já vi alguns tutoriais por aí falando do assunto mas queria falar para você de um jeito bem simples e fácil de entender.

Vamos à dica?

Antes de mais nada é preciso que você saiba que por enquanto o recurso está disponível apenas no Blogger in draft, que é a página de testes do próprio Blogger. Mas não tenha medo pois dá para fazer sem susto.

Passo-a-passo:

1- Acesse seu painel do blog. Agora role a página até encontrar este trecho:

imageClique sobre Blogger em rascunho. Feito isso espere a página recarregar e então clique na aba Layout. Logo no começo você verá algo parecido com isso: image A novidade está no último item: Designer de modelo. Clique sobre ele. Vai, confia em mim, pode clicar. Vai aparecer uma página assim:

imageNo alto da página, onde está escrito Aplicar ao blog não clique até ter certeza que deseja manter as modificações que fizer. 

Na coluna à esquerda estão as opções: modelo, plano de fundo, layout e avançado. Vá mexendo até se familiarizar com as novidades. São muitos modelos, inúmeros planos de fundo e na opção layout é possível definir quantas colunas terá o corpo do seu blog. E ainda dá para visualizar tudo conforme for fazendo na hora! E na mesma página! Uma delícia e bem facinho mesmo! E caso você queira manter seu template atual mas dar uma turbinada nas fontes e nas cores é só ir direto na opção Avançado. Depois de fazer todas as modificações e se certificar que deseja mantê-las, clique em Aplicar ao blog.

Gostou? Faz aí e me diz se não é divertido ser um designer cheio de loosho

 linezl0

E para não perder o costume,  uma novidade para deixar seu blog ou suas postagens um charme só:

Um texto que anda!
     

E anda em várias direções! E em várias velocidades!


      

Olha o código:

<marquee id="scroller" SCROLLAMOUNT="100" SCROLLDELAY="100" direction="down" width="200" height="200" style="border:1px solid #cccccc;font-family:tahoma,arial;font-size:9pt;color:#000000;">
seu texto aqui
</marquee>
<br>
<a href="javascript:void(0)" onMouseOver="javascript:scroller.start()"></a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:void(0)" onMouseOver="javascript:scroller.stop()"></a>

Entendendo o código:

Para rolar o texto para cima troque down por up. Em vermelho é onde você insere o texto que quer rolar. Para aumentar ou diminuir a altura e alargura da caixa troque os valores de width e height. Para aumentar o tamanho da fonte altere font-size. Para mudar a cor da borda da caixinha altere os valores de color. Veja mais códigos de cores aqui. Para modificar a velocidade altere o valor de Scrollamount.

Não altere nada fora o que está em cores senão o código não funciona. Para colocar em uma postagem coloque seu editor de texto em modo html. Para inserir na sidebar cole o código em Layout - Html/javascript.

linezl0

Atenção!

E se você deixar um comentário em qualquer post desta semana corre o risco de ganhar um livro!

Participe!
       linezl0

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

67 comentários , comente também!

  1. vc faz parecer tão facil Elaine.. morro de medo de mexer..mas manhã vou pelo menos tentar.. obrigada pela dica valeiu.. beijão

    ResponderExcluir
  2. Vou tentar depois te conto como me sai.

    Bjo

    ResponderExcluir
  3. Que legal amiga, vou tentar fazer!
    Beijos

    ResponderExcluir
  4. Oi Elaine (:
    O livro chegou sim , muito muito muito e muito obrigada mesmo *-*
    Já tô lendo ele super empolgada , adoro a história dele .
    Desculpa não ter avisado antes sobre isso , comecei a trabalhar e tô sem tempo quase nenhum pra internet :/
    Beijos :*

    ResponderExcluir
  5. Amiga nem tava sabendo disso.......to doida pra mudar o template do meu blog e sempre tenho medo, agora depois de ler seu post ta parecendo tão fácil, me deu uma vontade rss
    Vou fazer e te falo depois, beijos e obrigada.

    ResponderExcluir
  6. É, é muito bacana, tinha visto mais ainda não tive tempo de mexer.
    Mas é uma ótima dica para quem está começando, ou quer mudar algo, sem medo de ser feliz!!!!
    Essa da barra da rolagem também é show!
    O eu tinha visto no dicas é muito bom.
    Bj

    ResponderExcluir
  7. Tentei fazer, mas sinceramente não gostei dos resultados, mas valeu a dica, eu não conhecia esse cantinho!
    Bj

    ResponderExcluir
  8. Ai como queria saber fazer isso...

    gostei da dica.


    abraços


    Hugo

    ResponderExcluir
  9. elaine querida..
    nossa adorei a dica, tentarei fazer
    as alterações...
    vc sempre descobrindo coisas novas...
    obrigada pelo carinho...
    bjuivos da loba.

    ResponderExcluir
  10. gostei das dicas e vou experimentar.
    obrigada.
    um beijo

    ResponderExcluir
  11. Oi Elaine, adorei as dicas. Já fui lá conferir. São fáceis de fazer mesmo.
    Bjs
    Rosani

    ResponderExcluir
  12. Amada..fiz a mudança lá no blog..nossa como foi fácil. Tu explica tão bem, que eu que sou meio lesada consigo fazer. Adoroooo essas dicas que tu dá...muito boas..e como facilita a vida da gente. Brigaduuu, vai lá em casa ver como ficou..daqui um tempo mudo de novo..bom dar uma variada!!!

    Brigadooo pelo selinho...vou postar no final de semana!!!

    Bjos nesse lindo ♥

    ResponderExcluir
  13. Elaine:

    Segui suas instruções e saíu tudo certinho. Com um senão ehehehe o meu fundo é negro e eu não o quero mudar porque assim gasto muito menos energia e eu nisso não abro mão. Por isso quando postei o texto, não se conseguia ler nada...Como faço para mudar a cor das letras, sem mexer na cor do fundo? Please, please, please.
    Beiinho

    ResponderExcluir
  14. Amiga, confiei em ti e deu tudo certo, nossaaaaaaa sao tantas coisas que fiquei perdida, consegui mudar o template do Templo todo, gostei, vou querer mudar todo dia kkkkkkkkkkkk
    http://templodasintonia.blogspot.com/

    beijos e muito obrigada

    ResponderExcluir
  15. Elaine, maravilhosa sua abilidade enquanto designer de templates.
    O modo que você coloca a instruções, parece ser tudo muito fácil.
    Mas dá aquela paurazinha... de perder tudo.
    Para modificar o blog aplicando todas essas novidades, vai ser preciso criar um novo, só para esse fim. Mas estou animada em fazê-lo.
    Depois eu te digo como ficou.

    Beijos

    ResponderExcluir
  16. O blogger tá cada vez mais melhor. Inovações, boas novidades, gostei muito dessa personalização. E do jeito que vc explicou aqui fica bem fácil pra entender e todo mundo vai poder disfrutar dessa boa novidade.

    Elaine, muito obrigado pelo comentário no blog. Não tinha lido o que a Moniquinha escreveu. Moniquinha é uma pessoa maravilhosa, que desde o primeiro contato sempre foi carinhosa, generosa, irradiando o bom sentimento que ela carrega na alma.

    Me considero feliz por esses seres humanos maravilhosos que a Vida traz ao meu convívio, mesmo que seja virtualmente. E muito obrigado a vc, viu?
    Bjos

    ResponderExcluir
  17. Eu sou fã de suas dicas!!
    Mas confesso que morro de medo de mexer no template... toda vez peço socorro à Natália, que é meu Net-Angel:)
    Bjks

    ResponderExcluir
  18. Oi Elaine,
    estava com saudades!
    Adorei esta dica, vou tentar fazer e dpois te falo ok.
    Bjs

    ResponderExcluir
  19. Ai que legal!!
    Você faz tudo parecer tão mais fácil...
    amei!
    bjinhos

    ResponderExcluir
  20. Essa é boa! preciso de uma folga, mas pretendo tentar! Obrigadosempre,beijos,lindo dia!chica

    ResponderExcluir
  21. Oláa
    voltei
    xi amiga tentei fazer mais a unica coisa que aparecia era que o modelo não permitia alterações.
    RSRS valeu a dica.
    Bjs
    *Fui ver por curiosodade mesmo rsrs, adoro meu template que foi feito pela Renata do SCRAPS GOSPEL.
    BJS

    ResponderExcluir
  22. qdo tiver um tempinho vou tentar..rs. bjs bjs

    ResponderExcluir
  23. Adorei a dica, você arrasou Elaine!!! Beijos

    ResponderExcluir
  24. Elaine,

    Experimentei a ferramenta num blog de testes e a achei interessante, dá para personalizar quase tudo, e - o melhor - de uma maneira bem simples.

    Abraços.

    ResponderExcluir
  25. Obrigada Elaine, dei um jeito no meu blog agora! Bjs!

    ResponderExcluir
  26. Bom dia Elaine,
    Quando vi este post fiquei animadíssima pois este é um desejo antigo e não via como realizar.Sabendo que vc é uma pessoa que sabe explicar de forma muita clara e gentil, eu fiquei entusiasmada-mas eis que percebi que no meu painel nas ferramentas e recursos, não aparece a opção blogger em rascunho-snif, fiquei triste.E agora? se vc puder me esclarecer vou adorar!! bjos

    ResponderExcluir
  27. Eu morro de medo de mexer no template e bagunçar tudo...mas vou dar uma espiada. Vc ensina de forma tão simples que parece bem fácil.

    ResponderExcluir
  28. Já tô fuçando o draft lá! rs...E adorei a dica da rolagem, vou colocar lá no blog! Bjs, e obrigada pelo recadinho carinhos de niver!!!

    ResponderExcluir
  29. É uma dica muito interessante! As vezes acabamos mesmo enjoando das cores e estilo do nosso blog e é sempre bom inovar. Vou anotar e tentarei com certeza mudar algo!
    Beijos Elaine

    ResponderExcluir
  30. Vc. é tudo que eu sempre procurei para APIMENTAR O MEU BLOG... Já fiz várias coisitas no meu graças a sua generosidade e paciência de Jó.... Obrigada, kisses and kisse amarrados com um laço colorido pra oce.

    ResponderExcluir
  31. Menina é super fácil mexer lá.
    Já aderi!!!

    bj

    ResponderExcluir
  32. Do jeito q vc explica até eu consigo fazer, que bom!
    Fiquei super feliz em vê la no meu cantinho, viu que linda é a Bilica!!!
    bjs

    ResponderExcluir
  33. Adorei as dicas... vou criar um de teste para tentar aprender a mexer...

    beijos,
    Dé...

    ResponderExcluir
  34. Elaine.
    esqueci de dizer que experimentei o texto rolando...
    Beijo no <3

    ResponderExcluir
  35. Elaine...
    Eu quero levar o selinho da promoção dos livros..mas não sei como colocar lá no blog! Os que tenho lá alguém fez pra mim...mas gostaria muito de aprender!! Será que tem como tu me ensinar o passo a passo?? se tiver me manda por email.
    Meu email: marrilfa@yahoo.com.br

    Ai amiga eu ficaria tão agradecida!!

    E assim um pouquinho mais inteligente,..rsrsrsrsrsr

    Desde já obrigada...

    ]Bjos no ♥

    ResponderExcluir
  36. Amei Elaine!! Vou la´agora, e agente não perde os seguidores nem nada né? Beijos

    ResponderExcluir
  37. JÁ TENTEI ANJO MAS NÃO CONSEGUI NÃO VOU DESETIR DEPOIS TE CONTO. SEMPRE COM LINDA IDEIAS BEIJINHOS

    ResponderExcluir
  38. Eu tenho um blog que não é aberto, vou tentar fazer nele.
    Obrigada pelas dicas.
    Beijos Tempestuosos!

    ResponderExcluir
  39. Adorei Elaine...
    E já comecei a mudar...
    Depois volto prá te falar mais!!!

    bjão

    ResponderExcluir
  40. amiga
    Estou louca pra fazer o que você ensinou hoje,mais não consigo achar onde fica FERRAMENTAS E RECURSOS
    beijão

    ResponderExcluir
  41. Elaineeeeeeee

    Que barato!
    Meu Blog estava sem vida ... a única coisinha diferente que tinha era o titulo que uma amiga fez pra mim.

    Segui seus passos e mudei a cara dele.
    Ficou lindo.
    Mas daí o titulo não combinava.

    Retirei a imagem que tinha ... coloquei uma outra, mas não sei aplicar imagem e texto e coisa e tale.
    rs

    Vc deu uma mãozinha ... agora ajuda com o resto, por favor!
    Ensina a arrumar o titulo?
    Beijos

    ResponderExcluir
  42. Elaine,
    Esse post é de muito especial.
    Nota 10 !
    Vou até guardar esse link porque tem dicas imperdíveis.
    Beijos
    Luka.

    ResponderExcluir
  43. Elaine

    Consegui!
    Voltei para agradecer.
    Ainda não estou assim ... uma Brastemp ... mas deu pro gasto!
    kakakaka

    Obrigada.
    Bjo

    ResponderExcluir
  44. amiga
    Quando puder vá ver como ficou lindinho o meu blog
    Muito obrigada viu?
    Beijso

    ResponderExcluir
  45. Fucei, fucei, fucei... queria so mudar umas corzinhas, dar uma turbinadinha como diz você.

    Bjs
    Mah

    ResponderExcluir
  46. Eliane, eu testei num blog que tenho só para testes e funcionou direitinho, mas na hora que eu quis trocar por exemplo a cor do link que ele colocou automático com a escolha do novo modelo, ele nao aceitou. Vou tentar novamente para ver se foi muitos acessando no mesmo horário, sei lá, e vou ver amanha. Fica legal mas se nao dá para trocar as cores nos links entao nao é legal. No meu por exemplo ficou a cor de link vermelho vivo e eu nao gostei da cor.

    Mas nao vou usar na Saia Justa, gosto como é mas gosto de aprender coisas novas por isso tenho um blog de testes.

    valeu.

    Aprendo muitas coisas por aqui.

    Bjao

    ResponderExcluir
  47. Querida, vou tentar dar uma fuçadinha lá, sempre tive o maior medo de mexer no layout e perder meu blog que já está no ar há quase 3 anos... affff... vejo templates lindos, mas nunca arrisco de medo. Quem sabe crio um qualquer dia só para ficar mexendo... rabiscando... hein! Valeu a dica menina. Beijos em ti.

    ResponderExcluir
  48. oi elaine amei e deixei la o link e o post referente a essas dicas para as meninas virem aprender bjs!sab q te adoro né?

    ResponderExcluir
  49. ja fiz e amie elaine valeu pela dica!!!

    ResponderExcluir
  50. Já aprendi mais umas. obrigada! Já inclui no meu blog. beijos e bom final de semana!

    ResponderExcluir
  51. Fácil mesmo, acho q de todos os post's da seção, foi o que mais tive facilidade, também né, todo prontinho rsrs. Mesmo assim, na hora de mudar vi que minhas coisinhas iam mudar de lugar, tive coragem não.

    Bjs
    Mah

    ResponderExcluir
  52. Valeu pelas dicas lindinha,
    você nos ajuda muito com elas.
    eu aprendi muita coisa com suas dicas.
    Obrigada por partilhar conosco seus conhecimentos, pois para nós inexperientes as ferramentas do blogger ainda são um bicho de sete cabeças, rsrsrs
    Doce beijo...

    ResponderExcluir
  53. VALEU!FIZ E DEU CERTO COM SUA DICAS.EU ESTAVA MUITO DOIDA MEXENDO NO HTML.DIGO MUITO DOIDA PORQUE DOIDA JÁ SOU UM POUCO..RS.MUITO OBRIGADA POR COMPARTILHAR.
    BJÃO LÁLA.

    ResponderExcluir
  54. oi linda tentei e já consegui ate pus uma imagem e tudo ficou lindo agora vou tentar esses!!!! mais logo,...,beijinhos querida e obrigada por me alertar sempre das suas novidades

    ResponderExcluir
  55. Acho incrível essas dicas que você dá, eu sou uma porta em relação a html. Na verdade a maioria das dicas eu não tenho idéia do que você está falando mas leio mesmo assim. Meu blog é no WP e nada se aplica lá. Mas amo esse espaço e suas dicas são demais!

    ResponderExcluir
  56. nesse eu to craque vc tem que uma hora ir ver professora bjs!

    ResponderExcluir
  57. Elaine, querida!

    Estou tentando colocar imagem junto do nome da postagem, mas nao achei no HTL o texto que vc indicou..
    :(

    ResponderExcluir
  58. Oi! Valeu pelasdicas, apliquei ao meu blog, dá uma olhada. Ainda estou aperfeiçoando e suas dicas foram valiosas. Obrigada! Bjos!

    ResponderExcluir
  59. Amei seu blog..acabei de criar meu blog, espero que um dia ele fique assim como o seu...
    Parabéns

    ResponderExcluir
  60. Oi Elaine, tenho passado por aqui e sempre encontro uma novidade, já usei algumas e dá super certo.
    Mas aí fui me arriscar por minha conta, sozinha e fiz alguma coisa errada: eu mudei o template e os seguidores não aparecem mais ... buá buá buá

    O que eu faço agora ?

    ÉRica D'avila
    soumascoisinhasminhas.blogspot.com

    ResponderExcluir
  61. Oi,Bom dia ! Vejo esses blogs legais com modelos diferentes,layout,templantes,fontes etc e gostaria de saber se você poderia postar algumas dicas de como fazer um blog de sucesso como esse seu.Já tentei fazer isso no Design do modelo e algumas coisas não da pra mudar lá.Se puder poste ai por favor ! Obrigada

    ResponderExcluir
  62. como faço pra ter um blog como o seu ?

    ResponderExcluir
  63. Elaine poderia fazer um posto explicando como mudar as fontes no blog?
    Mas falo de fontes que não estão no designer...

    Bjocas...

    ResponderExcluir
  64. Olá Elaine, voltei À blogosfera faz muito pouco tempo e tenho andado aqui mergulhada em seu blog à procura de dicas, tutoriais, informaçães sobre layouts e templates e achei muita informação relevante, que me ajudou a entender certos termos utilizados no meio, erros que não devemos cometer, como adicionar a caixa de curtir de facebook foi graças a você que já está no meu blog. Mas ainda tenho um problema eu queria mudar o layout do meu blog, pôr um cabeçalho mais bonitinho mas não muito elaborado ainda não encontrei o tal e também ainda não há como pagar para fazer, mas ok tenho 2 razoáveis em vista mas não sei como colocar, pois já editei uma vez o html e agora sempre que vou lá editar dá erro. Para colocar bloquear o botão do lado direito e o ctrl c também não deu, diz que já existe uma img1 não sei explicar. Sou muito leiga no assunto. Assim que tiver um tempinho agradeço sua ajuda, seja por comentário, email ou em post seu para ajudar mais gente. Parabéns pelo seu trabalho, parabéns pelo seu blog.

    Beijo,
    Eva
    http://trevodequatrofolhas-evapina.blogspot.pt/

    ResponderExcluir
  65. Muito legal, faz tempo que procura dicar para entender mais sobre esses códigos, layout e tudo mais. Me ajudou nesse processo. Beijinhos.

    Visita a página do meu blog https://www.facebook.com/atelfeminino :D

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…