Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

14/04/2012

NOVO: Fazer Templates III - Passando para o blog


Chegamos à última parte do tutorial, hoje vamos aprender a passar o Template do blog de testes para o seu blog com segurança. Digo isso pois na primeira vez que eu usei essa estratégia aqui no DSM, acabei fazendo direto no blog e perdi todos os códigos do template antigo (inclusive códigos importantes, como o do Google Analytics. Por causa disso, perdi as estatísticas de quase uma semana). Mas como já estou versada em fazer o template desse jeito, sei de um modo bem seguro de passá-lo sem estragar o blog.

Copiando o Template antigo:

É importante que antes de tudo você faça uma cópia do template que está no seu blog normal (não no blog de testes). Faça, de preferência um backup, para que no caso de algo der errado, você possa restaurá-lo sem problemas.


Passando o Template novo:

Agora que você já salvou o template anterior, vamos à parte divertida. Volte no primeiro tutorial dessa série e faça a parte "Preparando o blog" inteira no seu blog, do mesmo jeito que você fez com seu blog de testes. É importante que você faça isso para que o novo template seja compatível com seu blog.
Depois, vá até a segunda parte do tutorial e siga os passos do item "Tirando o link do cabeçalho", não faça a parte "Continuando".

Agora, no seu blog de testes, entre em Modelo > HTML (caixinha branca abaixo da miniatura do seu template). Cliue em qualquer lugar do HTML e aperte Ctrl+F e cole na caixinha que abriu (Search) o código: ]]></b:skin> depois aperte a tecla "Enter".

Copie todo o conteúdo que está acima desse código.

No seu blog, entre também em Modelo > HTML (caixinha branca abaixo da miniatura do seu template). Cliue em qualquer lugar do HTML e aperte Ctrl+F e cole na caixinha que abriu (Search) o mesmo código anterior: ]]></b:skin>
Troque todo o conteúdo que está acima desse código pelo que você acabou de copiar. Visualize o template e veja se tudo se encaixou, e clique em "Salvar Modelo".

Viu como foi fácil?


Experimente também:

Agora que você tem um template 0km, que tal enfeitá-lo com os acessórios que já ensinamos como colocar? Vamos ver uma lista deles?

Cursor que muda no link
Sombra na fonte dos títulos
Imagens diferentes no título de cada Gadget/Widget
Personalizar o LinkWithin
Ícones para Anterior, Próxima e Home
Personalizar a caixa de pesquisa
Personalizar o Jump-break (leia mais)
Mudar a cor da seleção
Links postagens mais antigas/recentes e home
Cursores prontos para o seu blog
Setas de voltar ao topo prontas
Assinatura na postagem
Barra de Ferramentas da Cat-us
Para o topo
Imagem no "H2"
Favicon

Não estão todos os tutoriais aqui, mas estão os principais, espero que gostem!!!

Mil Sweetkisses,
12 Comentários
Comentários

12 comentários:

  1. AMIGA!! Que dificuldade que eu tenho de comentar... finalmente a caixinha apareceu e enfim posso comentar, menina amei os tutos, li todos, mas como meu PC tá de mal a pior não vou mexer em meu BLOG agora, vai que eu mexa e não consiga terminar, então deixa quieto, deixa meu PC estar bom e eu mexo com calma em meu Blog.
    Amei as dicas... tudooooo... vou tentar fazer uma postagem pra amanhã, vou tentar, pois meu PC anda o Ó do borogodó!!
    Beijoooos e saudades de ficar aqui comentando, meu PC tá ruim demais... Bjs

    ResponderExcluir
  2. Oi fofa, vim aqui te convidar a visitar o meu blog e conhecer o novo layout, estou te esperando!

    http://www.afrodittes.net/2012/04/novo-layout.html

    ResponderExcluir
  3. Oii Sheila!! Já mandei o e-mail do Desafio,espero que você goste!! Estou muito feliz em participar,já está tudo prontinho.Adoreiiii a sua ideia de mandarmos nossos livros uma pra outra,e topo com certeza!! Estou amaando o Photoscape,eu que era péssima com edição de imagens estou melhorando!Meu novo banner de "início",foi feito nele.Estou fazendo um Design em homenagem a Kristen(atriz que faz a Bella),pois foi aniver dela dia 9 desse mês,o lay tá quase pronto. Você sabe de algum programa que deixa as imagens transparentes? Realmente,como você disse,o Photoscape não trabalha com isso,apesar de ser um ótimo programa.
    Beijinhoss flor!! ♥
    viciados-na-saga-crepusculo.blogspot.com.br
    Novidade: nem te conto Sheila,minha mãe passou numa livraria e viu um livro com mais de 600 páginas falando sobre todos os filmes da Saga! Se eu ganhar,passo algumas informações pra você,ok?Devo ler ele em quase 1 mês,kkkkkk...

    ResponderExcluir
  4. Oi,
    bem explicado o tutorial, bastante útil pra quem usa o blogger. ^^

    Bjs,
    http://darkening.freetzi.com/

    ResponderExcluir
  5. eta que as meninas vão arrasar
    com esse tuto linda
    lindo final de semana bjs

    ResponderExcluir
  6. Super Sheila me indica um editor de imagem,
    bjus boa noite, Parabéns!!!!

    ResponderExcluir
  7. Amei...você simplesmente me ensinou o que eu queria...parabéns..

    bjbj

    http://mayararpc.blogspot.com.br/

    ResponderExcluir
  8. esses posts de "fazer template" me ajudaram muito!
    adoro seu trabalho! está de parabéns (:
    bjbj
    http://www.butecoparagarotas.blogpspot.com

    ResponderExcluir
  9. Interessante!!!
    Depois com calma quero dar uma olhadinha nesse passo a passo, tenho vontade de mudar o meu.
    Beijos♥

    ResponderExcluir
  10. adorei o cabeçalho perfeito seguindo me segue de volta http://coisassobremeninasbiia.blogspot.com.br/
    obg e ate mais bj

    ResponderExcluir
  11. Oie Sheila!! Consegui finalmente fazer o que eu sempre queria... Ficou lindo!!
    Obrigada pelos seus tutoriais, e agora vou fazer esses outros que eu não fiz, para ficar mais legal..
    Kisses my sweet!!
    mmencantado.blogspot.com

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados