AVISO !

Fala galera do #tutoriaisdahora fizemos uma
migração de blog, agora nosso blog está em
Wordpress segue o link para ser redirecionado

clique → #tutoriaisdahora

Como criar template para blogger

Olá pessoal do TutoriaisDaHora, faz um tempinho que não tinha mais postado no blog por motivos pessoais, mas tou aqui de volta com um belo tutorial de como fazer templates para blogger com um programa chamado Artisteer, com ele é bem simples rápido e fácil fazer e colocar um template em seu blog.


Artisteer é o primeiro e único produto de automação de Web design que cria instantaneamente fantástico, modelos de aparência site exclusivo e temas do blog. Com Artisteer VOCÊ se tornar imediatamente um perito Web design, edição e corte gráficos, codificação XHTML e CSS, e criação de modelos de Web Design, templates Joomla, Drupal Temas, Wordpress temas, peles DotNetNuke, Blogger e todos os modelos em questão de minutos, sem Photoshop ou Dreamweaver, e não de competências técnicas.

Vamos ao tutorial?

1. Primeiramente vamos baixar e instalar o artisteer.

Download do programa → Download
Download do Ativador  → Download


2. Após ter instalado, vamos abrir ele. Certamente ele vai pedir para registrar o programa, mas na pasta do arquivo que você baixou tem o ativador do programa.

3. Conhecendo a área gráfica do programa.

clique na imagem para ampliar

4. Vamos começar a fazer o template. Com o programa aberto a tela de inicio clique no primeiro modelo vazio.

5. Para começar o programa já nos dar um modelo de template simples, caso você queira um outro modelo clique em Sugerir Design.

Obs: Todas as abas possuem o botão sugerir.

6. Mudando o Layout. Para mudar o layout clique na guia Layout. caso queira uma sugestão clique em sugerir layout.
no layout do blog pode ser de várias formas, por exemplo, fazer o template com as seguintes marcações: menu, head, corpo (3 colunas, 2 colunas, 1, coluna), e rodapé.
Nesse tutorial vamos fazer um template simples de 2 colunas sendo: head (onde fica o banner do site/blog), menu, corpo (2 colunas, postagem e os gadget do lado direito) e o rodapé.



7. Vamos definir o template em 2 colunas, para isso, vá na aba Layout e clique em colunas. Você pode selecionar a de sua preferência, eu selecionei 2 colunas.

8.Agora vamos editar os gadget do template, para isso clicamos na aba Bloco. Dentro da aba vamos escolher o tipo de bloco (escolha um de sua preferência) clicando na setinha do lado do botão estilo.


9. Opcional, caso queira colocar uma imagem de fundo, basta clicar na aba Fundo e selecionar um de sua preferência, também podemos colocar uma textura.


Veja a imagem abaixo o resultado desse tutorial, caso você tiver seguindo as opções conforme no tutorial e não tiver igual na imagem abaixo é por que algo deve ter dado errado.

Como estamos fazendo um modelo de template simples chegou a hora de coloca-lo no blog, bom clicaremos na setinha do lado de exportar e depois clique na opção blogger.


Preencha os campos conforme na imagem abaixo. Onde esta Utilizador é o seu e-mail da conta do blogger, onde esta Palavra-passe é a senha do seu e-mail, e em Blog escolha seu blog que queira colocar o template.

Clique em Publicar para colocar o template no seu blog escolhido.

Após ter pegado um pouquinho de prática com o programa, você poderá fazer um template bem mais legal, é isso espero que gostem.

Pronto, template feito e colocado no seu blog. Qualquer dúvida ou sugestão deixe seu comentário.

7 comentários:

  1. Muito bem feito o passo-a-passo deste tutorial. Parabéns, Pablo!

    Sucesso!!

    ResponderExcluir
  2. Fazia um tempo que eu procura por um programa assim, muito bom!

    ResponderExcluir
    Respostas
    1. É encontrar um programa assim, é raro eu demorei muito pra encontrar um programa como esse e compartilhei com vocês.
      Obrigado volte sempre!

      Excluir
  3. O LINK DO ATIVADOR TA QUABRADO :( CONCERTA AI MANOW

    ResponderExcluir
    Respostas
    1. Prontinho, ja arrumei o link quebrado
      Obrigado, volte sempre!

      Excluir

Por favor leia antes de comentar:

1. Os comentários deste blog são todos moderados;
2. Escreva apenas o que for referente ao tema;
3. Ofensas pessoais ou spam não serão aceitos;
4. Para entrar em contato acesse nosso formulário de contato;
5. Obrigado por sua visita e volte sempre.

Facebook

© Copyright 2012 - 2013 TutoriaisDaHora, todos os direitos reservados. ^_^