terça-feira, 10 de julho de 2012

Guia completo para blogueiros iniciantes part.1 ''O Design''

Ultimamente eu tem recebido muitos e-mails de blogueiros iniciantes (principalmente) com dúvidas e mais dúvidas e infelizmente não é possível responder a todos.

A solução que encontrei é criar um super guia! Dividido em várias partes. O principal objetivo é esclarecer ás dúvidas principais, entre elas destaca se perguntas quase infinitas sobre ''Design do blog''. 

Nesse artigo você vai encontrar dicas de HTML, indicações de tutoriais ótimos, uma pequena explicação sobre criar seus próprios Templates e muito mais!


 Afinal como se faz um Template?
O fato é que existem várias formas de criar um template! Sem rodeios vou indicar duas:
1° Editar um layout pronto: Esta forma eu indico apenas pra quem já tem uma base em HTML, ok? Observe:

Layout ORIGINAL

Versão editada por Jackie
(Meu antigo design, que saudade*--*)
Como funciona? Simples você vai baixar um layout pronto (jura Jackie e se eu quiser baixar pela metade?) Rss Brincadeiras à parte! Continuando... e usa-lo como base, assim como eu fiz no meu antigo design! 

É importante lembrar que as modificações são feitas apenas por HTML por isso indico apenas pra quem já tem uma base sobre o assunto, ok?
Inclusive já escrevi sobre isso aqui no blog. Acesse esses links para saber mais: Aprenda a editar um layout facilmente | Seu design mais profissional

2° Editar seu template pelo blogger: Atualmente o design que uso é o modelo viagem fornecido pelo próprio blogger!
É simples e qualquer um pode fazer o seu, vamos lá!

Se lembram do template que disponibilizei no post ''seu blog mais fofo e kawaii'' ? É o template viagem pronto para ser editado ao seu gosto. 

Faça o download e instale no seu blog. (Se não sabe fazer isso clique aqui e apreenda). 
Não tem segredo gente, o fundo, a barra lateral, as cores em geral vocês podem editar pelo design do modelo mesmo!

Tutoriais principais

Encontre mais utilitários na página de goodies

Bom gente é isso. infelizmente não existe uma fórmula pronta pra criar um design perfeito. Pra apreender é necessário muito esforço, paciência e passar horas e horas vendo tutoriais! 

Mais caso você NÃO esteja afim de apreender HTML eu recomendo apostar nos lays gratuitos encontrados na web! Meus preferidos são: Evelyn place, Agenda blizz  (www) (www) (www) e Btemplates.

Bom é isso e espero que ajude vocês de alguma forma! 
beijus <3

82 comentários :

  1. Oi Jackie tudo bem? Vi agora seu layout novo, ficou muito bonito, parabéns!
    Um beijo fica com Deus
    Karina

    :l:

    ResponderExcluir
  2. Ajuudoou siim, e muiito ^^

    detalhesdaamooda.blogspot.com.br

    ResponderExcluir
  3. Adorei a primeira dica!Talvez eu use no proximo lay!
    (aqui está muito lindu jackie)!!!
    Beijos<
    www.dreamoflife-blog.blogspot.com<

    ResponderExcluir
  4. ótimo tutorial guia jackie concerteza vai ajudar muitas blogueiras

    Seu PhotoScape Perfeito
    Mundo dos brushes

    ResponderExcluir
  5. Ameei ^^
    Beijos :D
    biancagatinhaoficial.blogspot.com.br (Nem visu ;P)

    ResponderExcluir
  6. Adorei as dias ^^
    Beijinhos,

    http://blog--crazy-girl.blogspot.pt/

    ResponderExcluir
  7. Possa crer que o que eu mais tenho ´´dor de cabeça`` é pra escolher meu template kkkkk

    Beijos,
    Camila Angelina
    http://cantinhodacaps.blogspot.com.br (agora com TEMPLATE ANIMADO)

    ResponderExcluir
  8. Parece ser fácil, mais se que na teoria pra min não é. Pelo menos meu layout eu tive uma designer pra fazer pra min não é mesmo, guria muito obrigado por tudo viu :D
    Beijinhoos
    :k:

    ResponderExcluir
  9. Bem legal a dica Jackie ^^
    Eu já tenho um conhecimento em HTML e fico só aprimorando ele com o meu blog ^^
    Nossa... fica tão simples depois que a gente pega o jeito, né?
    Kissus *¬*

    -> Apple Of Love

    ResponderExcluir
  10. Oi Jackie você entro na minha lista de blogs do mês!Olha lá http://night-in-london.blogspot.com.br/

    ResponderExcluir
  11. Bem legal esse super guia *--*

    http://news-of-teen.blogspot.com.br/

    ResponderExcluir
  12. O problema é q realmente n da pra ensinar tudo né?
    www.fashionemcores.com

    ResponderExcluir
  13. Adorei Jackie! Você poderia disponibilizar a imagem que usou aqui no JD?

    ResponderExcluir
  14. Ótimas dicas Jackie, vão ajudar muita gente, inclusive euu \o/ Beijos diva :3
    http://viciadasemcupcake.blogspot.com.br/

    ResponderExcluir
  15. Adoro posts assim, pena que acabei de mudar o lay do meu blog! vc poderia ter feito antes, neh guria! (adorei te chamar de guria! vc sempre chama as outras blogueiras assim, agora eh a sua vez, haha *bestaa)
    xoxo
    www.blogdagiu1.blogspot.com
    www.s2firework.blogspot.com
    SEGUINDO! SE GOSTAR DOS MEUS BLOGS PODE RETRIBUIR?

    ResponderExcluir
  16. Ai que massa Jackie,vc sempre bem atenciosa né?Adorei o post!

    http://by-niick.blogspot.com.br/

    ResponderExcluir
  17. OII MENINAS TEM SORTEIO NO MEU BLOG,VAMOS PARTICIPAR O PREMIO É
    1 PALETA DE 24 CORES EM 3D,1 CREME CORPORAL DA AVON,1 ESMALDE DA AVON.
    http://luana-make.blogspot.com.br/2012/07/sorteio-de-maquiagem-e-acessorios.html
    BJS

    ResponderExcluir
  18. nossa, nem tinha visto que vc mudou aqui, ficou mais lindo do que já era. Parabéns. beijos♥
    http://mundo-dosadolescentes.blogspot.com.br/

    ResponderExcluir
  19. Adoreeii,vai ajudar muitas iniciantes =]

    #bezoos~~> perfeitosmile.blogspot.com

    ResponderExcluir
  20. Como não manjo de html, como a senhoritas Jackie, hehe, Eu uso os modelos do blogger.. Acho que é o mesmo que o seu..

    Beijo Grande, Guriia Preferida.

    ResponderExcluir
  21. Acho muito legal essas explicações para iniciantes, mas o pior é que as vezes a pessoa num tem nem bom gosto né o-o aí é tenso, num tem jeito XDD

    Adorei a imagem ilustrativa do post! :DD

    Bjs ;*

    www.tortademenina.com

    ResponderExcluir
  22. jackie eu amei eu queria colocar outro modelo para meu blog tentei fazer isso ontem mesmo mais vi que as coisas fofas que colquei no meu blog tipo topo da pagina iriam sumir ai fiquei meio trsite com isso e templantes não sei por que mais não sei fazer rsrrs mais valeu pelo post ajudou bastante .amo seu blog e a primeira coisa que fasso quando ligo meu computador é asessar seu blog e o meu bajo linda

    ResponderExcluir
  23. ah que ótimo jackie,quantas vezes não fiquei te perguntando qual modelo vc usa? hauhsuhs

    ótimas dicas :)

    cherryseublog.blogspot.com.br

    ResponderExcluir
  24. Nossa amei Jaque, como sempre arrazando ! Faz mais, (:

    nosnopc.blogspot.com
    Big Beijãoo !
    :k:

    ResponderExcluir
  25. Muito obrigada Jackie! Agora eu vou poder criar meu blog e fazer ele ficar mais fofo e personalizado.:k:
    Ah! Você vai fazer mais tutoriais para iniciantes?:j:

    ResponderExcluir
  26. Adorei , sério mesmo !

    LOVELYLITTLETOO.BLOGSPOT.PT

    ResponderExcluir
  27. Ain Jackie, acho que você lê mentes, rs.' Eu estava pensando exatamente em fazer isso no Farry Teen =) haha.' Mas, suas dicas são melhores, então, pode ficar com a ideia u_u hahaha.

    farryteen.blogspot.com

    ResponderExcluir
  28. Muaaaah D: *olhando o template de cima e o debaixo* DDD: *coloca o queixo no lugar* ;-; Mas ficou tão lindo! E sabe o que me surpreende? O marrom u.u seilá, não sie usar a cor marrom ;-; triste, é... kkk
    Mas eu aprendi HTML sozinha assim, editando templates prontos e sempre buscando tutoriais! Então me especializei maaais no assunto e hoje encomendo templatiiiis *O*
    Linda história.
    Fim~
    kkkk Mas essa é realmente a melhor maneira, só não aprende quem não quer ou quem não gosta de se estressar com um monte de códigos, pq quando se erra uma coisiiinha, pronto, fud-piiiii! xD

    Até~
    www.tortademenina.com

    ResponderExcluir
  29. qual o download desse layout que você usou como base pra fazer antigo layout do Jackie Dream/?

    ResponderExcluir
  30. Muito bom, Jackie!!! :k:
    Era bem disso que eu precisava, estou começando um novo blog agora, e ta bem podre rsrs... Bjks!:l:

    ResponderExcluir
  31. Ficou muito legal,ajuda bastante!
    Flor,ajuda numa votação aqui?
    Obrigada,sucesso!
    dicasbel.blogspot.com.br/

    ResponderExcluir
  32. Adorei a sua iniciativa de criar esse guia para os blogueiros iniciantes. Eu sempre faço os layouts do meu blog pelos modelos do blogger mesmo, como o travel.
    http://i-teenbr.net.tc

    ResponderExcluir
  33. Jackie só você em nossa vida.Sempre ajudando,amei demais as dicas,tava precisando delas.
    lifeonalin.blogspot.com.br

    ResponderExcluir
  34. adorei! o post! bj :*

    www.creamontopofficialpage.blogspot.com

    ResponderExcluir
  35. Mas assim como vc conseguiu editar o velho layout, eu entendi o tutu mas eu nao sei como vc editou e como fazer a base, me ajuda :j:
    Beijos da Rebelde

    ResponderExcluir
  36. Super ótimo esse guia para iniciantes,hehehe Jackie só você mesmo para ajudar suas leitoras!rsrsrs!
    brilhants.blogspot.com

    ResponderExcluir
  37. Nuss amei as dicas *OO* Tenho certeza q as proximas edições vão ser otimas também jackie rs *-* Corre lá no blog e participa da gincana ;D
    Garota do Olhar Sincero || Gincana de Férias, até o dia 12, corre!

    ResponderExcluir
  38. Jackie, qual é a fonte que você usa na siebar que nem no status, ou no top parcerias?

    ResponderExcluir
  39. Jackie pqq não consigo baixar templates no 4shared ?

    ResponderExcluir
  40. boas dicas! bem úteis :)
    beijão
    http://www.mondeetmode.com/

    ResponderExcluir
  41. Jackie,é tão legal vc ajudar as blogueiras ♥
    Eu que já tenho 1 ano de blog vi o post e aprendi algumas coisas a mais *3*
    Vc ensina direitinho!Vou indicar esse post para uma amiga! Beijos grande no seu coração =**
    http://www.cotidianodeumabarbie.blogspot.com

    ResponderExcluir
  42. Oiee Jacki, adorei a postagem e me incentivou a trocar o design do meu blog rs *-* Se não for incomodo poderia fazer um tutorial ensinando a deixar os titudos dos gadgets no estilo da do seu blog? Grata desde já s2 http://evelynsousa.blogspot.com.br/

    ResponderExcluir
  43. Oi meu amor, eu gostei muito do seu blog e por isso que eu gostaria de te avisar que seu blog está em uma enquete no meu blog onde será escolhido entre mais 4 blogs para ser o blog da semana ( que ficará em divulgação durante 1 semana) Corra, divulgue, quem sabe não ganha?

    xoxo
    http://cherryepop.blogspot.com.br/

    ResponderExcluir
  44. A imagem que usou no título dos gadgets... Desculpa, é que comentei com a outra conta sem ver ;/

    ResponderExcluir
  45. Adorei o post Jackie *____*. bjks

    vnmpoficial.blogspot.com.br

    ResponderExcluir
  46. Você recebeu um selinho ^-^
    Olha ai: www.caramelos-encantados.blogspot.com
    Beijoos! :k:

    ResponderExcluir
  47. Muito boas as dicas! É ótimo ter um design, lindo, organizado e cute (o que não é o meu caso..ainda! rsrs) ADOREI O POST! ~le louca pra parte dois~

    Beijão, gabissena.tk

    ResponderExcluir
  48. ótima as dicas,como sempre arrasando né dona diva ?

    Bjss :)
    http://caprichadasbr.blogspot.com.br/

    ResponderExcluir
  49. Nossa que Perfect Jackie aqueeh' ♥ , LOL fiquei encantada na transformação que tu deu no lay normal pra essa maravilha,eu fico tipo : Como ela consegue deixar isso tao Perfect?, adorei os tuto e as dicas são ótimas mesmo para iniciantes , Besos com muito carinho linda :*
    -----------------------
    www.girlstolive.blogspot.com

    ResponderExcluir
  50. Teeeem seliinho para você lá no blog *-*
    Não sei se você aceita e se não aceitar me desculpa pelo encomodo :)

    http://detalhesdaamooda.blogspot.com.br/

    ResponderExcluir
  51. OLÁ! GOSTEI MUITO DE SEU BLOG. ACHEI ELE CRIATIVO E MUITO BONITO! PARABÉNS....
    POR ISSO ME SENTI MUITO MOTIVADA A TE SEGUIR.
    VOCÊ PODE RETRIBUIR?

    www.youtube.com/lbva21
    www.lupapodemulher.com.br
    www.lupapodeblog.blogspot.com

    ResponderExcluir
  52. :OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
    PERA, PERA, PERA, PARA TUDO, DEIXA EU IR BUSCAR MEU QUEIXO BEM ALI NA RUA, PORQUE ELE CAIU COM TUDO.
    Nem creio que tu é tão mágica assim!!! Não acredito que o template base praquele outro MARAVILHA que tinha aqui era esse. GEMTTTTTTTTTTT, isso é que é criatividade, isso é que é ser tu-do *-* Agora tô mais fã, omG. Ah, e o JD mudou de novo, né? Fiquei vomitando arco-íris, kkk, amei! E amei as dicas também. Porque por mais que eu esteja aqui a uns meses, eu ainda tenho isso com layout. Vou favoritar!
    Beijo, jackie!
    Just Debee

    ResponderExcluir
  53. OMG jackie amei -*-
    beijokas =)
    http://xicablog.tk

    ResponderExcluir
  54. Adorei as dicas ! super uteis =D

    www.morangohcomvermelho.blogspot.com.br

    ResponderExcluir
  55. Heey, tudo bem? Desculpa mais não li a sua postagem, porque meu dia hoje ta corrido, to mt ocupada mesmo! Só passei rapidinho mesmo pra avisar que tem selinho pra você la no meu blog! NHAAC ~~> http://dreamyteens.blogspot.com/

    ResponderExcluir
  56. @Evelyn Sousa aqui guria é só trocar a imagem>>http://isjackiezzdream.blogspot.com.br/2012/06/personalizando-o-titulo-dos-gadgets.html

    ResponderExcluir
  57. jackie eu fiz um lay com base de um template como no tuto que vc fez.
    Mas..como tira aquelas coisas de Btemplates ou deluxetemplate
    e etc??

    ResponderExcluir
  58. Adorei o post,muito legal o guia e é bem fácil de entender =)
    estou te seguindo,mesgeu de volta?
    http://yourswonderland.blogspot.com.br

    :h:

    ResponderExcluir
  59. OI Linda , td bem ? , gostei mt do seu blog ! *seguindo* seg de volta ?
    shinigamipower.blogspot.com.br

    ResponderExcluir
  60. Aqui, tenho uma dúvida! Se eu editar um, tenho que deixar os créditos? ><
    Beijoos

    http://euemeujardimsecreto.blogspot.com.br/

    ResponderExcluir
  61. Olá jackie amei o posto problema é que quando pego esses templates pronto pra editar eles na hora de salvar dá um erro por favor jackiee me ajuda queria muito modificar pois é um jeito mais fácil pra mim :i:
    bjosss

    ResponderExcluir
  62. NOSSA ADORO SEU BLOG A MUITO TEMPO... LINDO MAIS CONFESSO QUE AS VEZES ME PERCO NOS HTML's Aff fico doidinha...mais um dia chego lá... Gosstaria que visitasse meu blog se gostar segue lá um bjinhjo!!!

    http://thaystravassos.blogspot.com.br/

    ResponderExcluir
  63. Perfeito o guia, amei demais.
    Teu blog é muito fofo!!!!!! g:
    Kisses,
    http://semprecomvoce2012.blogspot.com.br/

    ResponderExcluir
  64. Faz um tutorial pra wordpress?

    ResponderExcluir
  65. Aamr ajudoou demaais demaais, brigadinhaa : D

    Beijoos , Teeh

    http://just-one-girl.blogspot.com.br

    ResponderExcluir
  66. já estou pegando algumas dicas. eu prefiro editar a partir de um modelo simples do Blogger mesmo..

    ResponderExcluir
  67. Tinha visto esse guia,mais estava procurando outra coisa,e nem tive interesse;
    Mas hj fui ver o que falava, e aprende muita coisa !
    Gostei; Bjos

    Nhaaaaack :f: >>>> http://kawaiifake.blogspot.com.br/

    ResponderExcluir
  68. Jackie porque vc não faz um tutorial ou passa o codigo do jackie dream antigo sabe o layout?

    ResponderExcluir
  69. @Anônimo ? É um layout do Btemplate (apenas editei). Faça o mesmo (:

    ResponderExcluir
  70. @Nicole campos

    Fui entrar no seu blog "mundo dos Brushes" mas diz que só pode entrar quem foi convidado... então me convidaaaa... por favor!

    karlamaryannamelo@gmail.com

    ResponderExcluir
  71. Jackie, você pode me dizer onde pegou esse template pronto(se você se lembrar)

    ResponderExcluir
    Respostas
    1. Nossa faz quase 2 anos *o* não vou me lembrar, mas prometo dar uma procurada hoje (á noite)...
      Deixo o link aqui, pode ser?

      Excluir
  72. http://thesparklingcherry.blogspot.com.br/

    ResponderExcluir
  73. Jackie me tira uma duvida como consigo colocar esse gadget de categorias no meu blog porque eu tava tentando organizar aquela joça e você num sabe o que uma bagunça dai os posts tá tudo misturado goodies com posts de musicas dai eu queria colocar musicas num post cheio só de musica filmes num post só com filmes poderia me ajudar respondendo meu comentário ou se quiser poderia responder fazendo um post sobre a minha pergunta se num for pedir muito rs' só queria essa ajuda POR FAVOR.

    ResponderExcluir
    Respostas
    1. Tipo assim, na hora de fazer seu post você coloca os marcadores que tenham alguma coisa haver com o post... Tipo post de música no marcador música.

      Daí pra organizar na barra lateral tem várias formas...
      Essa daqui é a mais fácil>
      http://isjackiezzdream.blogspot.com.br/2011/10/nuvem-de-tags-marcadores.html

      Espero ter ajudado!

      Excluir
    2. Ai Jackie muito Obrigada guria PERFEITO era isso mesmo que eu queria. Beijooos <3

      Ass: Cherry Girl

      OBS: Só dei uma passadinha para ver se você tinha respondido meu COMENTÁRIO por isso estou anônima (preguiça de entrar na minha conta)

      Excluir
  74. Me dá o HTML do seu antigo LAYOUT ou de outro que você lembra

    ResponderExcluir

.