Cupcake Tutoriais *-*: Como personalizar um template passo a passo

Oi pessoal *-* esse tutorial foi o mais pedido pelos leitores do blog e agradeço muito por cada comentário que vcs deixam todos os dias aqui no blog ♥ Hoje ensinarei como personalizar o seu template, o designer do seu blog passo a passo! Clique em leia mais e saiba como ..

Um blog bonito tem que ter um designer bonito não é? E pra isso, muitas pessoas trabalham 24h com isso, mas se você esta começando e não quer comprar um template, ou quer personalizar vc mesma, mas não entende nada na área? Acertei? Se a resposta foi sim, você esta no post certo e aqui você conseguirá personalizar o seu blog mesmo não sabendo nem o que "html", enfim aqui você vai aprender *-*

Muitos sites disponibilizam templates gratuitos (ou layout's), ou seja eles personalizam o template do jeito que eles bem querem e colocam em seus sites/blogs o template gratuito para download; Quando eu comecei o blog, eu usei um template gratuito porque eu não entendia nada de html, de personalizar blog, porque o template já feito é melhor pra quem quer começar logo! Mas aqui você vai aprender a como personalizar o seu template, do jeito que você quer e com sua cara, e suas cores *-* Então lets go...

Começando...

Cores: o primeiro passo é você escolher as cores que terá o seu template, ou achar por ai alguma paleta pronta; (vou disponibilizar nos "x" sites que fazem paletas: x x x x x x); Você pode usar paleta de quantas cores você quiser, pode ser de 2, 3, 4, 5, quantas quiser mas a minha dica é pra não usar cores muito aleatórias, tipo: amarelo,azul, verde, vermelho, pink (tudo em uma paleta só, exceto queira fazer um template de circo).

Usei o site http://pictaculous.com/, que é meu favorito por ele mesmo fazer a paleta (você abre a imagem que quer que ele use para gerar sua paleta, depois só clicar em get my pallete e pronto ele vai gerar sua paleta, muito simples e eu ameeei);

A minha paleta:

Cabeçalho: A hora de fazer o cabeçalho pra mim, é a pior parte mas fundamental jskjskjsk. Não sou nada boa para fazer isso e as vezes pego cabeçalhos prontos e editáveis porque esse parta eu demoro horrores kkkk.

Mas se você quer fazer um cabeçalho online, um site que eu sempre uso é o PicMonkey (ele é um editor de fotos online, saiba mais neste post aqui que eu fiz sobre ele). E pra confessar, eu gosto mais desse site online do que outro programa, por ex: PhotoScape. Você pode usar o programa que quiser ou o site que quiser, mas só dei minhas dicas e minha opinião.

Como já disse o cabeçalho é bem fundamental pro seu blog, então se você não se dá muito bem em fazer cabeçalhos pega um editável pela internet e edita com o nome do seu blog, muda uma coisinha ali outra ali e pronto;

O meu cabeçalho foi esse:

Parte 1 - os básicos

Modelo: o modelo que eu sempre uso é o travel (viagem), porque a maioria dos códigos que a gente usará mais na frente tem dificuldade em pegar em outros modelos (então a dica é que você também use ele). Ele vem com um fundo de papel (feio) e que eu recomendo tirar usando o tutorial abaixo:

Retirar o fundo de papel do modelo travel (viagem)

Pronto, agora o template não tem mais o fundo de papel. [x]

Designer de modelo: agora vamos personalizar essa parte que é bem básica. Você vai entrar no modelo do blogger e vai clicar em personalizar; [x] E ai você personaliza:

- plano de fundo: você remove a imagem de plano de fundo, e coloca uma clara [x]; Sempre use um plano de fundo claro, eu uso na maioria das vezes cinzas, mas vc pode usar da cor que for mas tem que ser claro;

- ajuste as larguras: você ajusta como você deseja o seu blog.

- layout: essa parte é para você personalizar se sua sidebar fica na esquerda ou na direita. Eu nunca fui de mexer nisso, então deixo do jeito que vem.

- Avançado: texto da página - escureci um pouco a cor [x] | planos de fundo - estamos usando uma imagem (clarinha) então mudando ou não essas cores, não vai dar diferença alguma; | links - você personaliza com as cores que deseja (olhe suas cores na sua paleta que você fez no primeiro passo) | título do blog - como você já fez seu cabeçalho e eu também e usaremos ele, então é como no plano de fundo, mudando ou não, não terá nenhuma diferença (mas uso transparente). | descrição do blog - nunca uso título nem descrição, então essa parte pra mim é inútil; Mas uso igual o título: transparente; | texto das guias e plano de fundo das guias - aqui é onde você personaliza o menu padrão do blogger, mas como eu nunca uso isso deixo tudo transparente também. | a partir daqui não mudo nada, até chegar aos links do gadget, que deixo como personalizei os meus links. depois é só salvar.

Testando: você vai criar um post ativando todas as ferramentas do post (negrito, itálico, sublinhado, tachado, link, marcador, lista numérica, e lista normal, enfim tudo), assim você vai fazer o post de testes; assim que eu crio o template, eu já faço isso, mas agora deixei isso pra essa hora.

Sidebar & Posts: eu sempre uso os gadgets da sidebar e os posts separados, então vou usar o tutorial abaixo;

Separar um post do outro

Separar um gadget do outro