Você quer aprender a fazer o seu próprio Template?!



Olá! Tudo bem?
Resolvi escrever este post porque acho de extrema importância dar tais informações a considerar o conteúdo deste Blog e ao que o meu trabalho na internet se refere....
Desde que montei este espaço e desde que comecei a fazer Templates, sempre me  perguntam: "Como você faz os Templates?" ou então: "Posta Tutoriais explicando como fazer um Template?", ou também: "Quais os programas que você utiliza para fazer seus Layouts?" Isso porque a maioria dessas pessoas deseja fazer o seu próprio Template, rsrs!...

Bom, eu aprendi o que sei hoje através de muita pesquisa, MUITA persistência e lendo diversos tutoriais pela net a fora.
Confesso que no início ficava atordoada com aquele monte de códigos e entendia "patavinas"... Mas eu queria MESMO aprender a fazer o meu próprio Template, então não desisti e foi a partir daí que comecei a aprender de verdade!
Por isso dou um conselho a VOCÊ, que está lendo este post provavelmente porque também quer aprender: tenha persistência, procure pesquisar primeiro e entender pelo menos o básico do html e do css.
É claro, não precisa ser um expert no assunto "códigos" para fazer seu próprio template, (pois você poderá utilizar algum código base nativo do blogger e modificar do seu jeito), mas é bom saber um pouco sobre o funcionamento deles se quiser colocar um layout na rede.
Os códigos html, o xml e o xhtml são as linguagens de marcação utilizadas para produzir e descrever as páginas da web, sendo que o html é o mais básico e a maioria das páginas são "construídas" através do uso dele.
O css serve para dar aparência e estilo ao seu layout, (ele define como serão exibidos os elementos da página dando aqueles formatos arredondados por exemplo). Resumindo: o css foi criado para dar mais elegância e beleza às páginas...
Dito isto, como eu não posto aqui tutoriais explicando como desenvolver e montar o seu layout, resolvi separar alguns links  de outros Blogs e Sites conceituados e que serão ótimos para quem está  aqui a procura de "ensinamentos", rsrs.
  • Como entender o básico do html e aprender a fazer suas próprias páginas com um layout bem simples, utilizando o front page (que é um programa gerador de html) acho importante pois isso servirá de base pra você! Saiba aqui também como tratar e dar efeitos nas imagens, fazer bordas, consultar o tamanho delas em pixels, reduzir ou amplia-las e também fazer gifs com alguns programinhas bem bacanas (eu os utilizo até hoje). Foi lendo este site que comecei a tomar gosto por tudo isso!> Cristiny On Line
  • A maioria das pessoas que escreve sobre o assunto, sempre trabalha em cima do código mínima nativo do blogger, é o código mais fácil pra modificar e implementar, é através do mínima que eu trabalho até hoje! O código foi desativado na nova interface do blogger, então, clique aqui para baixá-lo se quiser utilizar...>Camila's Design
  • Agora aprenda os passos para criação do seu próprio Template com tutoriais de alguns autores de diferentes Blogs  que eu gosto muito  e que também utilizam como base o Mínima para as aulas!> Camila's Design , Templates Novo Blogger, Códigos Blog, Usuário Compulsivo, Mundo Blogger existem vários outros blogs, mas estes são os que mais gosto e através deles mais aprendi, (com excessão do primeiro pois  acabo de conhecer)
  • Não basta apenas aprender a montar o Template, antes de tudo, você terá que fazer o Layout para depois inserir as imagens dele no código (este é um dos passos mais importantes no quebra-cabeças, se não "O" mais importante, rsrs) Eu trabalho bastante com o Fireworks, aprendi aqui> Bruno Ávila, Uso do Psp7, e do PhotoFiltre > no Cristiny on line, O photoshop no>MXSstudio (acho que estes são os principais programas e vocês conseguem fazer um layout muito bacana utilizando algum deles com certeza!)
  • Acho muito importante também, que antes de qualquer coisa, você leia tudo sobre o porquê de ter um blog e como funciona a questão de plágio na internet. Leia artigos aqui> Mundo blogger, e também aqui> Blogsfera legalizada
  • Encontre muitos outros Tutoriais interessantes aqui>Cherry Bomb, Kawaii WorldMundoBlogger, TNB (existem diversos blogs com diversos tutoriais sobre implementações e recursos, inclusive aqueles que indiquei lá  em cima, basta vocês darem uma pesquisada!)
Depois desta listagem de blogs bacanas, vou falar sobre os programas que eu mais utilizo na criação dos Layouts,( pois isso é o que mais me perguntam). Eu utilizo o Photoshop, o Photofiltre, o Psp7 e o principal que mais gosto é o Fireworks5, muitos designers utilizam mais o Photoshop, mas eu amo o Fireworks  mesmo, rsrs! 
O código dos Templates é o Mínima modificado inteiramente por mim e implementado com scripts e códigos retirados de tutoriais  fornecidos por alguns blogs que listei acima, mas principalmente pelo Mundo Blogger. 
Eu utilizo também o programa Artisteer, o qual  fornece o código pronto, mas para utilizá-lo tem que saber as "manhas" pois costuma dar muitos bugs nos blogs depois, então para os Templates que faço para venda, por exemplo, eu mesma monto o código para não dar problemas...
Eu não posto tutoriais aqui por falta de tempo mesmo, gosto mais de postar imagens em png, enfeites e vetores os quais são de arquivos que tenho ou faço e guardo comigo...
Também uso o Blog para divulgação do meu trabalho como Web Designer e também para divulgar estes novos Blogs Amigos para os quais trabalho...
Espero que o post de hoje tenha sido útil para tirar as dúvidas de vocês!
Um grande Abraço a Todos!






59 comentários:

  1. To ficando sua fã hem... obrigado pelas informações, amo seus trabalhos e estou me inspirando a aprender a criar realmente os meus... rsrsrs tudo muito lindo por aqui... beijokas no seu coração!!!
    Rosika.com

    ResponderExcluir
    Respostas
    1. Obrigada amada! Fico feliz com sua opinião! Beijos e volte sempre!

      Excluir
    2. depois que voce faz tudo... como coloca no blogger eu fiz e deu esse erro Não foi possível salvar seu modelo.
      O modelo não pode ser analisado em função de um problema em sua formatação. Verifique se todos os elementos XML estão fechados corretamente. Mensagem de erro XML:
      There should be one and only one skin in the template, and we found: 0

      Excluir
    3. Alezandre Naiara, vou responder sua pergunta , quando eu tinha meu site no blogger eu tentava mudar o template do jeito que você está mudando e sempre dava esse mesmo erro , mas vi alguns vídeos no youtube e apren, é facil,
      1- você abre o template que está em winrar, extrai o template para a área de trabalho , depois você clica com o botão direito do mouse e abrir com (bloco de notas) , depois aperta CTRL+A , CTRL+C , vai no seu site do blogspot , clique em modelo , depois em editar HTML , aperta CTRL+A de novo e aperta CTRL+V , pronto o CSS do template está la no site , agora salve e vai ver seu site como ficou, e se der algo errado , é pq o template tem alguma coisa errada, boa sorte ... BY Maycon... Meu site techdemais.webnode.com

      Excluir
  2. Ameei esse tutorial eu também aprendi a sim tudo na marra, fuçando, pesquisando bastante, uma coisa que sempre gosto de dizer e que se você conhece cada area do seu template fica bem mais facil de personalizar gostei do que falou porque o certo e ensinar a pescar e nao da o peixe pronto.

    ResponderExcluir
    Respostas
    1. Oi! Tudo bem?
      É verdade sim! Realmente, se entendermos pelo menos um pouco do código fica muito mais fácil e rápido pra personalizar também! Obrigada por comentar, volte sempre! Bjos*

      Excluir
    2. Marta depois faz um post explicando como funciona a comprar de brushs, vetores, pois e sempre bom ne investir em um material melhor e exclusivo para o nosso layout

      Excluir
  3. ADOREIIIII,sua iniciativa,sou fã do seu trabalho e agora mais fã ainda,vc é uma exceção,a corrida pelo "eu sou mais eu"levou as pessoas ao individualismo excessivo.É incrível,mas elas esquecem totalmente,que precisaram de ajuda,alguém que as ensinassem também.Parabéns e obrigado por dividir tudo que aprendeu conosco,o que é seu ninguém toma,e aquele que divide recebe em dobro,por isso receba ai....rsrsrs..bjos !!

    ResponderExcluir
    Respostas
    1. Oi! Pois é, e se conseguimos aprender não custa compartilhar fontes né? Apesar de que elas estão aí na net para todos (mesmo que não queiramos contar, isso não é segredo pra ninguém),no google é só pesquisar que você acha, rsrs! Eu só escrevi este post porque recebo vários emails e tb mensagens no facebook com essas dúvidas e para responder sempre a mesma coisa fica cansativo, sabe? E se não respondo, ficam chateados pensando que não quero compartilhar informações. Eu não tenho nada a esconder, tem espaço pra todos na net e muita gente querendo um blog novo, rsrs! Bjos e obrigada por comentar!

      Excluir
  4. Adorei o post. :-)
    Aprendi muita coisa na marra mesmo! kkkkk... Conheço a maioria dos blogs que você citou, e uso muitos dos tutoriais deles no meu blog. Adoroooo... :-D
    Mas umas coisinhas aí eu não sabia e vou dar uma olhada para aprender mais. Muito obrigada, Marta!

    solteiras-noivas-casadas.blogspot.com

    ResponderExcluir
    Respostas
    1. Oi!
      Fico feliz que o post tenha sido útil para vc aprender mais algumas coisinhas, rsrs! é sempre bom nos mantermos informadas e acompanharmos as evoluções de customizações, sempre tem uma coisa que não sabíamos, e é assim que progredimos né? Bjos e obrigada por comentar!

      Excluir
  5. Olá!
    Estou visitando o seu cantinho. Adorei!
    Já estou te seguindo, dá uma olhadinha lá no meu blog se gostar curta e siga!

    Beiijos,
    Hora do Rímel

    http://horadorimel.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Olá! Obrigada por vir! Parabéns pelo Blog, já visitei e curti! Bjos*

      Excluir
  6. Marta muito obrigada,eu estava aqui quebrando a cabeça pra montar um e derrepentemente vc fez este post,nossa caiu do céu.
    Estou tendo dificuldade na questão dos comentários quero deixar assim igual ao seu e igual a ao atual que está no meu blog(q é de um template seu),mas não consigo não sei fazer estas bordas só fica no modelo simples e eu queria manter assim acho q fica mais organizado.
    Como vc faz? é muito difícil o código?
    obrigado

    ResponderExcluir
    Respostas
    1. Oi! Tudo bem? Não é difícil não... mas é complicado ficar colocando códigos aqui, procure no blog Mundo Blogger sobre o tuto de como dar estilo arredondado às bordas. lá vc irá encontrar o que precisa! Bjos e obrigada por comentar!

      Excluir
  7. Já utilizei o Artisteer inclusive o primeiro layout que eu fiz na vida foi por ele mas realmente precisa saber certas manhas pra mexer nele pois sei lá quando você esta editando é de um jeito e já quando você aplica ele no blog ele fica de um jeito meio diferente, fica dando uns bugs. Hoje em dia prefiro utilizar um modelo básico do blogger e ir modificando tudo depois, com tutorias de blogs como o Kawaii World, do Cherry Bomb enfim... Mesmo assim estou tentando aprender um pouco de html também com o Bruno Ávila ele é ótimo, inclusive ele postou no youtube um curso online de html no qual é tudo super divertido e bem explicadinho. Amei o post, alguns sites,blogs e programas que você citou eu não conheço vou dar uma conferida.

    ResponderExcluir
    Respostas
    1. Oi! Tudo bem?
      Obrigada por compartilhar sua experiência aqui! Realmente se quiser dar um estilo próprio no blog e adicionar coisinhas diferentes no topo, data personalizada, comentários e estilo à sidebar, não dá pra usar o artisteer pq dependendo do código que vc inclui ele simplesmente para de funcionar... o_O rsrs, é melhor modificar o código nativo do blogger e ter mais segurança sem o medo a cada instante do seu blog sofrer alguma pane...O Bruno Ávila é realmente o máximo, sempre procuro socorro nas dicas dele! Bjos e volte sempre!

      Excluir
  8. Olá lindo tudo aqui.. parabéns pelo talento! Queria pegar o codigo minima do blogger neste site que citou - Camila's Design - mas não esta aberto ao publico.. como faço? bjinhos

    ResponderExcluir
  9. to montando um blog musical e toco teclado queria um templates que tivesse algo parecido teclado cifras musicais mas nao consigo fazer vc poderia me ajudar bjss

    ResponderExcluir
  10. É, tem que meter a cara mesmo. Se não você não consegue sair do border-radius. Eu já enchi a cabeça do meu pai dizendo que eu VOU SER web designer e ninguém tira isso da minha cabeça. E um problema é que meu notebook só tem 2GB,, então não dá pra ficar com o PhotoScape, o PhotoFiltre, o PhotoShop, o Inkscape, o Dreamweaver e o Google Chrome ( é triste a minha vida UIASUEIUAISHSIUAUS)

    ResponderExcluir
  11. marta obrigado pelas dicas. estou aprendendo la no camilas e to bem craque.. vlw *-*

    ResponderExcluir
    Respostas
    1. e queria saber se voçe sabe o endereço de algum lugar onde ensine a colocar uma imagem no fundo do cabeçalho de data do modelo minima, por que nao acho em lugar algum. ficaria agradecida.

      Excluir
  12. Nossa muitas dicas legais virei sua fan

    ResponderExcluir
  13. Conheci seu blog hoje e já gostei muito! Muito legal este artigo sobre Templates!

    Gostei dos conselhos e concordo com eles! É tão legal ver garotas falando em códigos, web design e coisas que eu, também acho legal!!! :)

    ResponderExcluir
  14. Já curti sua página para poder receber em meu feed de notícias, novidades sobre seu trabalho e sobre o seu blog!

    ResponderExcluir
  15. Ah, esqueci de me apresentar. Meu nome é Rogério e eu estou estudando linguagem de programação. Meu foco é estudar e pesquisara sobre criação de aplicativos e softwares, mas eu, também estudo HTML5, CSS, JavaScript, etc...

    ResponderExcluir
  16. Foi super útil o post! Estou planejando abrir um espaço para encomendas de layout.

    bjos!

    ResponderExcluir
  17. Oie, adorei o post e acredito que todos que estão lendo e comentando também se sentiram da mesma forma. Eu adoro lidar com html e outras coisas, a muito tempo eu tive aula de computação que era dividido em duas partes. A parte mais técnica do computador, aprender como formatar e tudo ligado dentro do pc e html que era o que mais me encantava. Lembro até hoje que abríamos o Bloco de notas e íamos colocando todos os códigos lá antes de tudo.. Mas faz tanto tempo e me arrependo de não ter continuado lá por isso. Tive que mudar para uma escola pública e acabei perdendo, mas enfim... Eu gosto tanto disso e quero aprender e fazer a minha própria personalização do blog e as vezes penso até em desistir ): Mas vou tentar me esforçar, acredito que a maioria que hoje faz a própria personalização do blog foi desse jeito, lendo muito e vendo muitos tutoriais. Eu conheci esse blog ontem e estou adorando, me deu até inspiração rsrs Então obrigada de coração e sucesso com o blog, bjxx ;*

    http://isabelacariani.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Olá! Fico feliz pelo seu depoimento! Realmente,fazer o próprio template é muito legal, mas pela dificuldade, muitas pessoas desistem na metade, rsrs. O segredo é não desistir e entrar de cabeça até aprender... depois é só utilizar o mesmo código e trocar as imagens quando enjoar do layout, né?...
      Obrigada por comentar e espero vê-la sempre por aqui!
      Bjos*

      Excluir
    2. Olá Bela, apesar de muitos comentários que li, talvez o seu foi o que me fez ter uma ideia ou talvez até as pessoas já façam isso. Seria bom encontrar pessoas que possam se unir para montar um template com o auxilio conjunto de todos depois que cada um conseguisse fazer um template para cada um do grupo com a cara de cada autor no seu respectivo template se tornaria mais fácil daí em diante montar um futuro template sozinho. Pois como você comenta as vezes agente pensa em desistir mesmo tendo a ajuda lendo muitos blogs como este que entendem do assunto. um abraço Virtual.

      Excluir
  18. Olá, eu há muito me pergunto e ainda não encontrei resposta,mas já que você tem conhecimentos com templates me tire uma duvida. Como posso colocar e/ou me tornar proprietário sem ter que deixar aquele nome do template o qual obtive em locais onde o templates é free. Pois mesmo no blogger quando montamos nosso blog inevitavelmente mudamos muitas coisas do código fonte original, então lhe pergunto alterando um template mesmo tendo usado como raiz do meu blog não poderia(no caso) ser único dono e colocar apenas meu nome no rodapé com ou sem copyright especificando meus direitos do template depois de montar meu blog????

    ResponderExcluir
  19. Simplesmente...Xonei pelo seu blog >< mt lindo!!
    Bju

    ResponderExcluir
  20. Olá, o primeiro site que você indica no post está off ;/ tem algum semelhante? Obg <3

    ResponderExcluir
  21. Existe um programa chamado artisteer para elaboração de blogs sites etc. ele custa imedia de 300 reais.Mas devido muita pesquisa na net consegui o keygen para ativá-lo grátis.Criei um post para baixar o programa e keygen garanto que vces vão gostar do programa
    http://programaparacriar.blogspot.com.br/

    ResponderExcluir
  22. Gostaria de saber como faz para ver esse camilas

    ResponderExcluir
  23. Olá Marta, parabéns pelo seu blog e todo o conteúdo!
    Sou sua seguidora agora...
    Gostaria de saber se tem outra maneira de entrar no blog da Camila´s Design, pois está dando a seguinte msg:
    Este blog está aberto exclusivamente a leitores convidados
    http://camilasdesigns.blogspot.com/
    Parece que você não foi convidado para ler este blog. Se achar que trata-se de um engano, recomendamos que você entre em contato com o autor do blog e solicite um convite.

    Vc sabe como posso proceder?
    Obrigada e fique com Deus!

    ResponderExcluir
  24. Você não faz templates masculinos?

    ResponderExcluir
  25. Nossa muita coisa, qual que eu entro primeiro, a base??

    ResponderExcluir
  26. Se os templates do blogger são feios..os teu são terríveis!
    Veja um template que eu mesmo criei..estilo profissional
    http://verdadesqueferem.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Hum... o que dizer pra vc? Gosto é gosto né, e que bom que vc consegue criar algo, parabéns! rsrs

      Excluir
    2. Que cara vacilão né?Visitei o dele e nada haver.Sou muito mais o seu. :D

      Excluir
    3. Ai que Cara invejoso ><
      Dificil acreditar que ele quer comparar aquilo que ele chama de templates estilo profissional com os seus que são Lindos ! Parabéns Marta Você tem muito talento ^^

      Excluir
    4. É colega, não rolou!

      Excluir
  27. oiiiii!!!!
    eu ando pela net inteira,e quero mt deixar meu blog fofo,do meu jeitinho.
    desde ontem ou ante-ontem faz mt tempo q to procurando um tutorial pra isso
    já vi várias vídeo-aulas,mais...
    o problema é q não entendo bulhufas do q eles falam!
    sou persistente!eu não vou desistir até achar e conseguir fazer!
    mais seu tutorial foi ótimo me ajudou bastante!amei seu blog!não pensei duas vezes e vc já ganhou mais uma leitora ;)

    ResponderExcluir
    Respostas
    1. ah!e dá um pulinho no meu blog quando tiver tempo??
      http://blogrosinhadavava.blogspot.com.br/

      Excluir
  28. Olá!
    Eu adorei o tutorial mais o ultimo link só esta disponivel para os leitores autorizados

    ResponderExcluir
  29. Amei o post e o blog!!Perfeito!Vou visitar todos os blogs.Beijos *Babi*
    Obs.:Seguindo
    diquinhasdababinha.blogspot.com

    ResponderExcluir
  30. richelleoliver07@hotmail.com
    faz um pra mim ?

    ResponderExcluir
  31. Como vc conseguiu bota ::::participar desse site? queria aprender Me responde por favor?

    ResponderExcluir
  32. Oi,Acho que nunca comentei no blog,mas eu amo esse blog,a maioria das coisas que aprendi foi aqui,mil parabens pelo blog,pois ele é genial,Bjão !
    Cantinhodeglitter.blogspot.com

    ResponderExcluir
  33. Muito Bom! era o que eu precisava! obrigada, estou indo agora mesmo personalizar meu blog ;)

    ResponderExcluir
  34. http://passandoolapiis.blogspot.com.br/ , Sigam Pfvr !

    ResponderExcluir
  35. Oi por favor me segue to te seguindo:
    http://juntoamoda.blogspot.com.br/

    ResponderExcluir
  36. Mto legal suas dicas , eu até tentei + ao eu tentar baixar o fireworks e o photoshop nao conseguir pois em todos os sites q eu tentei estavam com virus vc poderia criar um template pra mim ' qual seria o seu preço e modo de pagamento online ' ^^ obgada se nao me indique um site para eu baixar um programa sem virus ' desde jpa obgada ' sz

    ResponderExcluir
  37. Ola marta,estou passando por algumas dificuldades,voltei hoje com meu blog de filmes,ele tava parado à 2 anos,e quando eu acesso tudo bem,mas quando clico nas categorias meu antivirus bloqueia,no caso deve ser algum código,o virus é o {gzip}. JS:frame,passei mais de 2 horas tentando achar o código mas nada,pesquisei bastante no google mas nada solucionou.agradeço se puder ajudar,caso você possa analisar meu template me contate por favor,é que não quero abrir meu site novamente até arrumalo pois pode atingir alguma pessoa e percebi que o virus realmente é malicioso.abraços!

    ResponderExcluir

Obrigada pelo seu Comentário, responderei assim que possível...


Related Posts Plugin for WordPress, Blogger...
Custom Search