07
abr
2010

Maçã Verde – Template para Tumblr

Como eu ando meio viciada em Tumblr e o post que eu fiz sobre o serviço (O que você precisa saber sobre o Tumblr) foi super bem recebido, fiquei com vontade de fazer um tema grátis para distribuir.

Maçã Verde é um template baseado nos meus temas favoritos do Tumblr – e nem me perguntem porque entrei nessa de pôr nome de fruta haha! Eu resolvi juntar os elementos que mais gosto em cada um e acrescentei alguns detalhes que eu senti falta na minha saga de três tumblrs. O resultado é um template levezinho com cara de tumblr mesmo onde você pode controlar fundo, cores, header, widgets/blocos da sidebar e etc através do painel sem precisar conhecer html.

Para a utilização, só há duas regrinhas: por favor, não tire os créditos e, se quiser redistribuir o material, me linke! :) De resto, você pode modificá-lo e brincar com ele como quiser. Avise se encontrar erros ou se tiver sugestões.

Maçã Verde : Preview
Última atualização: 15 out 2010
Instalar

Como instalar

  1. Você precisa ter um Tumblr;
  2. Entre no link de instalação;
  3. Clique no botão Preview se quiser ver como o tema é;
  4. Clique no botão Install Theme se quiser instalá-lo;
  5. Para saber quando houverem atualizações no tema, siga o tumblr.

Como editá-lo

  1. Vá até a parte de customização. Para isso, você tanto pode ir na sidebar da Dashboard (seu painel do tumblr) ou entrar no blog diretamente e clicar em Customize lá no canto direito do topo;
  2. Quando você tem mais de um Tumblr, o botão de Customize só aparece no topo do seu blog padrão. Para editar o layout dos outros, você tem que seguir o primeiro método: ir na Dashboard, escolher o blog na sidebar e depois clicar em Customize no menu de lá.

  3. Na página de customização, clique na aba Theme e, no rodapé da janela que vai se abrir, clique em Use Custom HTML;
  4. Edite o código que vai aparecer dentro da caixa. Após alguma alteração, depois de alguns segundos, você verá o novo layout;
  5. Se quiser voltar para a versão padrão do tema, clique na aba Appearance e, no rodapé da janela, clique em Reset Defaults (isso fará com que você perca todas as mudanças que tinha feito).

Como usar

  1. No painel Customize, na aba Appearance você encontrará uma lista de cores que você pode modificar para o template ficar como você quiser.
  2. Também há a opção de fazer o upload de imagem para o Topo (Header image) e para o fundo (Background image).
  3. Marcando Show People I Follow, na sidebar aparecerá o bloco com os avatars das pessoas que você segue.
  4. Marcando Show TagCloud, na sidebar aparecerá o bloco com uma nuvem de tags.
  5. Colocando um shortname do Disqus (não sabe o que é ou como se cadastrar?), automaticamente será inserida a opção de comentários nos seus posts.
  6. Colocando um username do Formspring, uma caixa de perguntas aparecerá na sua sidebar. Infelizmente, a codificação de cores do Formspring não é correspondente com a do Tumblr, portanto, se você quiser alterá-las precisará substituir no código.
  7. Na aba Info, o que você escreve na Descrição vai para o bloco abaixo da foto de usuário. Se você não escrever nada, o bloco não irá aparecer.
  8. Colocando seu username do Twitter em Services, na sidebar aparecerá o bloco com seus últimos tweets.

Como mudar a fonte do título

Além de utilizar a lista de fontes do próprio menu Appearance, você pode criar uma imagem de fundo transparente no Photoshop ou em qualquer editor de imagens, escrever nela com uma fonte legal e salvar como Gif. :) Depois, lá em Customize, vá Appearance e faça o Upload em Header Image.

A fonte que utilizei no “Coisa de Menina” é a Luna Bar, a do “Pra boi dormir” é a Learning Curve Dashed.

Se tiver maiores dúvidas de como fazer isso tudo, veja este passo-a-passo em vídeo:

Outros exemplos

Neste meu tumblr e neste aqui, eu estou usando uma customização do mesmo template. Alterei as cores, o header e o background. Achei que ficou bem bonitinho assim… :)


Só mais uma coisa: é uma tendência do Tumblr, então não me preocupei em adaptar o template para o Internet Explorer (até porque, se você usa ele, já deveria ter mudado para um browser decente!). Vai dar para ler tudo direitinho, mas, dependendo da versão do IE, fica bagunçado.

Se resolver usar o template, comenta aí, ou “dá um coraçãozinho” pro post lá, manda um e-mail… Enfim, deixe-me saber para me sentir motivada a fazer mais! haha Acho que é só isso! :)

Mais temas

Talvez você queira experimentar o Simplicidade, outro tema que disponibilizei para uso:

Se já estiver enjoado desses ou quiser simplesmente experimentar outros, dê uma olhada no post “Temas para Tumblr: favoritos da Julia“, com várias outras dicas de templates legais.

Veja também:

Se você está procurando ajuda para seu Tumblr, talvez deva buscar no índice, onde estão listados os principais tópicos de esclarecimento que você pode precisar dos posts acima.

Templates
562 comentários
, , , , ,

562 comentários em Maçã Verde – Template para Tumblr


  1. @danubets
    14 ago 10 às 17:49

    aaaai;
    é tanto sofrimento pra achar algum layout que valha a pena , o seu é totalmente perfeito *-*

    vou usar *-*


  2. Barbara
    15 ago 10 às 10:42

    Ameiiiiiii o theme *o*


  3. marcele
    17 ago 10 às 22:36

    o meu ficou tipo de lado, não ficou centralizado, como eu faço agora?


  4. Beatriz Cruz
    19 ago 10 às 0:53

    ?


    Beatriz Cruz

    Template bonito!


  5. gabi
    19 ago 10 às 18:58

    Gostei muito! Continua fazendo outros!


  6. jessica strey
    20 ago 10 às 16:39

    amei o blog desde a primeira vez que eu vi, quando eu crescer quero ser q nem tu heheh (e fotografa ainda, amo!!). to usando o template, não tem como nao achar fofo!

    parabens, beijos


  7. Miila
    23 ago 10 às 18:56

    adorei o tema! personalizei e ele ficou a minha cara!
    adorei o site, bgs


  8. Lady Vamp
    25 ago 10 às 0:44

    Nossa seu tema é otimo..e eu ja coloquei no meu Tumblr e tá lá com os creditos e foi graças a ele q eu consegui encontral-lo e o seu site.
    Adorei todas as dicas mas vou personaliza-lo pra ficar maiss com o meu jeito.
    Obrigada muito mesmo pelas dicas
    beijos.

    sexyhotvamp.tumblr.com


  9. danubia
    25 ago 10 às 21:55

    eu tenho uma dúvida… como eu coloco playlist no tumblr?


  10. Sarah
    25 ago 10 às 22:26

    eei, acabei de criar meu tumblr e ameei o theme, vou usar ok?
    beijiinhos
    :*


  11. Ronaldo
    25 ago 10 às 22:46

    Oi. O theme ficou muito bom, vc tem que fazer mais pra pessoas que assim como eu não sabe mexer em HTML! D:

    Parabéns pelo blog. :D

  12. Oii Emi! Nos temos adicionadas no Fotolog e acabei descobrindo teu site! Muito fofo, parabéns! :)
    E ah! Eu acabei “pegando emprestado” esse layout, achei uma fofura. Acabei de criar o meu Tumblr então tô meio perdida, hauhau.
    Mas é só pra avisar que eu o peguei, como você pediu! :) Beijão!


  13. Gizele
    29 ago 10 às 16:44

    adorei e estou até usando *-*
    ficou demais!! parabéns.


  14. Lidia Ribeiro
    30 ago 10 às 20:47

    Muito legal. Adorei muito. Obrigada e pode deixar que sempre deixarei os créditos, vc merece!


  15. Carolina
    2 set 10 às 14:11

    Adorei, fico bem legal.. gostei do nome também! ahahaha


  16. DDLovato Shows
    3 set 10 às 16:31

    Adoorei! Ficou lindo!
    Só queria tirar uma dúvida: No seu tumblr ‘Coisa de Menina’ como você fez para o título ficar daquele jeito? Com aquela cor e fonte? É que eu já fiz tudo aquilo (apagar o HTLM, colar o outro…) mas queria o meu título igual ao do seu tumbrl ‘Coisa de Menina’. Beijos e obrigada!


  17. Sabrina
    7 set 10 às 16:49

    Digite seu comentário aqui


  18. Sabrina
    7 set 10 às 16:52

    Olá. Estava louca atrás de um template para meu Tumblr e achei esse Maçã Verde. Adorei, sua criatividade é enorme. Parabéns, sucesso com suas customizações.


  19. Tanya
    7 set 10 às 18:53

    Menina, você é demais! Oferecer um template customizável e per-fei-ti-nho assim!!!!!!!! AMEI!!!

    *beijo*


  20. Talita
    8 set 10 às 9:39

    Ah , eu amei tudo aqui *-* Ah um tempão queria mudar meu tumblr e graças a ti consegui e amei . Parabéns s3


  21. Isadora
    13 set 10 às 20:32

    carã, fica lindo, liindo, liiindo *-*


  22. Gabriella
    15 set 10 às 22:57

    ameeeeeeeeeeei *-* ficou lindo


  23. karol
    16 set 10 às 21:20

    nossssa, amei ajudou mto no meu tumblr…ficou do jeito q eu qria. ;)


  24. bruna
    16 set 10 às 22:14

    olha eu adorei o tumblr porém eu baixei o template mais nao consigo editar as minhas informações fica semrpe aquela caixa com a frase em ingles e as fotos deles..eu nao consigo mudar me ajude!


    Iemai

    Ali é a pré-visualização :) Nela você só vai ver aquele conteuido padrão mesmo. Mas, depois de salvar, ele fica ok no seu tumblr e com seus posts.


  25. Mariana Arruda
    17 set 10 às 10:34

    Como você fez pra colocar essa fonte no theme? Você editou em um lugar diferente? OBRIGADA =*
    Estou usando esse também…


    Iemai

  26. milena
    18 set 10 às 12:50

    Caramba, adorei! muito obrigada por disponibilar esse layout pra gente!


  27. shild
    18 set 10 às 15:09

    eu não to conseguindo fazer o download, o link ta errado aki :S


  28. Juliana Almeida
    18 set 10 às 20:54

    como que eu faço pra criar um header com uma fonte que eu acabei de baixar?


    Iemai

    Dá uma olhada nesse víídeo :) http://www.youtube.com/watch?v=FlneKYRo21U


    Juliana Almeida

    Obrigada! :D


  29. Bibi Palácio
    19 set 10 às 14:36

    Amei, muito lindo. Parabéns pelo seu trabalho maravilhoso.


  30. Bianca
    19 set 10 às 20:13

    Oi, adorei o layout! Tava querendo um desse jeito. Mais deixa eu te perguntar, no seu iemai.tumblr.com logo embaixo da descrição la tem uma barra escrito Tags e outra escrito Formspring, mas quando baixei o layout, não veio com a barra do forms, tem como colocar?
    Obrigada, beijos


    Iemai

  31. Missy Cherry
    21 set 10 às 11:02

    A-DOOrei suas dicas, mt mt MARA estou usando seu template de maça verde *—*
    costumizado :D voc está de PARABÉÉNS ;*


  32. reants
    22 set 10 às 5:55

    haha muuuuuuuuito obrigada, amei!


  33. Tay
    22 set 10 às 23:14

    to usando, meu tumblr ficou linds ?


  34. Eugenia
    23 set 10 às 21:48

    existem alguns sites que tem temas para instalar no tumblr… vc sabe como desinstalar esses temas depois?


  35. Laralii
    23 set 10 às 22:26

    Lindo demais o tema ! adorei, e espero ver mais desses *-* parabéns pela sua criatividade! aah.. adoro suas fotos também (:


  36. Andreia Ferreira
    24 set 10 às 16:29

    Parabéns :) Fantástico… ^^


  37. Duda
    24 set 10 às 20:41

    Adorei isso daqui , mt lindo ; e recomendo


  38. Kézia
    24 set 10 às 21:33

    Comecei agora com o meu tumblr e adorei o Maça Verde XD


  39. Vitória
    25 set 10 às 10:50

    Naum tem a opção Custom Html no meu TUMBLR eu já procurei e não tem !


  40. Tarsila
    26 set 10 às 15:50

    Muito lindo o tema, já estou usando :) parabéns *-*


  41. Suze
    26 set 10 às 16:57

    Parabéns *-*


  42. Rafaela
    26 set 10 às 17:29

    gostei e estou usando. Parabéns pelo blog! :)


  43. Mônica
    28 set 10 às 0:03

    Olá, amei seu theme!!!
    Só queria saber como ponho as Tags no lugar certo. É que em outro post seu você disse que se pode colocar o código na Descrição, mas no seu Theme tem um lugar certo para isso. Como faço?
    Desde já obrigada. : D


    Iemai

    Usando esse tema, você só precisa ir na Customização, menu Appearance e, lá no final, ativar o “Show TagCloud”. :)


  44. Amanda
    29 set 10 às 14:36

    Awn, adorei. Estou usando! *-*


  45. Marii
    30 set 10 às 10:32

    É lindo esse template,tô usando ele viu?!
    Vou tentar dar uns toques meu nele :D


  46. felkl
    3 out 10 às 21:11

    Adorei seu theme, moça! Sou mais uma das fãs do seu trabalho. Parabéns!


  47. Denise
    4 out 10 às 2:49

    Adorei e ja to usando! :)

  48. Pingback: O que você precisa saber sobre o Tumblr [iemai.com.br]


  49. Bê. (:
    6 out 10 às 22:37

    Ei *-* , coloquei a maçã verde no meu tumblr e tá bem legal , rs. Então , só não estou conseguindo fazer o “Header Image”, eu não sei fazer que nem o seu aí , que porém ficou lindo *–* , gostaria de uma ajudinha sua , se for possível. obrigada e parabéns. rs


    Iemai

    Aah, fiz um vídeozinho explicando ;) http://www.youtube.com/watch?v=FlneKYRo21U


  50. Aryadne
    7 out 10 às 0:32

    Adorei :)

Deixe um Comentário