Lição 5 - Outros recursos adicionais

Neste estágio você já tem um site com uma estética configurada e com os principais recursos básicos adicionados. Agora segue uma coletânia de tutoriais de outros recursos adicionais que podem ser interessantes para o seu site. São eles:

• Adicionar comentários do Facebook no seu post
• Adicionar comentários do Google Plus no seu post
• Descrição de autores no final do post
• Formulário de contato
• Menu de navegação em flash
• Postagens populares personalizada com efeito
• Slide com postagens automáticas
• Ocultar/revelar elementos no blog
• Postagens aleatórias com imagens
• Efeito de sombra no texto
• Botões de redes sociais com efeito
• Widget social
• Efeito expandir na área de postagens
• Menu social com efeito

Fica a dica para os sites a seguir, com mais dicas e truques:

• Templates e Acessórios 
• Templates Novo Blogger
• Dicas Blogger
• Templates pra você

Read More

Lição 4 - Widgets Sociais

Agora é hora de colocar seu blog no mundo! Vamos colocar aqui exemplos de como colocar widgets para sua página no facebook, no Twitter e no Google Plus. Vamos lá.

1) Para adicionar um widget do Twitter clique aqui. Você verá essa página, com instruções simples.

2) Pegue o código gerado e faça o seguinte procedimento. Vá em Layout>Adicionar um Gadget>HTML/JavaScript. Depois cole o código na janela que abrir.



3) Para adicionar botões do Twitter clique aqui e faça o mesmo procedimento 2 com o código gerado para adicionar ele na página.

4) Para adicionar do Google+ é mais simples, apenas siga os procedimentos a seguir:

4) Para adicionar do facebook, você pode adicionar alguns widgets assim:
https://www.facebook.com/badges/

Para adicionar a opção de curtir para páginas, é só seguir estes procedimentos. Entre no link abaixo e adicione o código em um gadget de HTML/JavaScript

https://developers.facebook.com/docs/reference/plugins/like-box/

Read More

Lição 3 - Organizando os Widgets

Agora vamos organizar nosso site. Para isso vamos na aba Layout do Blogger

Aqui existem algumas possibilidades de modificação. Vamos tentar algumas:

Favicon: Isso dá uma estética bem legal e profissional ao site. O favicon é o logotipo do site no navegador.
Configurar postagens do blog: Aqui você define algumas coisas sobre as postagens, como número de postagens que vão aparecer na página inicial, comentários, botões de compartilhamento, etc.
Cabeçalho: Aqui você configura o título, podendo colocar uma imagem no lugar dele
Widgets: São os elementos que são adicionados nos espaços das barras laterais. Vamos adicionar alguns deles e configurá-los, como Arquivo, Perfil, Texto, Imagem, Categorias, Posts populares, etc.

Read More

Lição 2 - Escolhendo, alterando e personalizando o modelo

Depois de já ter seu blog de testes o seguinte passo é dar uma cara profissional para o seu blog. Para isso vou demonstrar onde selecionar um template para o seu blog e como alterá-lo.

1) Escolha sua template entre os sites a seguir:

http://btemplates.com

http://www.premiumbloggertemplates.com/

http://www.templateparablogspot.com/

http://www.deluxetemplates.net/category/blogger-template

http://www.soratemplates.com

2) Baixe o tema escolhido

3) Submeta o template em Modelo>Fazer Backup/Restaurar

4) Agora vamos personalizar o template. Ainda em modelo, clique em Editar HTML e esta página irá aparecer:

5) Não, esses não são hieróglifos antigos indecifráveis de uma língua perdida, e isso não vai destruir os seus sonhos de ter um blog lindo. Você vai ver que mexer em HTML é bem mais simples do que parece. Use o poder mágico não é magia, é tecnologia do Ctrl+F.

Vamos para um exemplo: Alterando o menu superior. Ele está desconfigurado e em inglês e queremos deixá-lo na nossa língua tupiniquim, personalizado para nosso blog de oficina. No menu temos categorias como Home, Categories, Gallery, Portifolio, Contact. Vamos alterar cada um deles com nomes que queremos: Início, Tutoriais, Dicas, Contato, Intercom Sudeste 2013.

Para isso vamos encontrar onde está esse menu no HTML, usando o Ctrl+F "Categories". Vai aparecer isso aqui:

• <ul class='sfmenu' id='sfmenu'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Categories</a>
    <ul class='sub-menu'>
     <li><a href='#'>Entertainment</a></li>
     <li><a href='#'>Lifestyle</a></li>
   ..........

Agora é só alterar que vai ficar assim:

• <ul class='sfmenu' id='sfmenu'>
   <li><a href='http://oficinaintercom.blogspot.com.br/'>Início</a></li>
  <li><a href='http://oficinaintercom.blogspot.com.br/search/label/Tutoriais'>Tutoriais</a>
  </li> 
   <li><a href='http://oficinaintercom.blogspot.com.br/search/label/Dicas'>Dicas</a></li>
   <li><a href='http://www.intercomsudeste2013.com.br/'>Intercom Sudeste 2013</a></li>
   <li><a href='http://www.comandologin.com.br/'>Comando Login - O exemplo (e jabá)</a></li>
  </ul>
   ..........

Agora vamos fazer a mesma coisa para personalizar outras partes do template:

• Slider de destaque
• Botões sociais
• Tradução para português
• Redes sociais
• Rodapé

Lembre-se da mágica com Ctrl+F

Read More

Lição 1 - Criando o blog

Na primeira lição para se criar um site com cara profissional com o blogger. 

1) Caso você tenha um blog Wordpress siga este procedimento.

2) Caso você não tenha blog, ou já tenha um blogger, vamos criar um novo blog.  Primeiro, vá em www.blogger.com e faça login com a sua conta. Em seguida, clique em Novo Blog.

Ter um blog de rascunho para fazer alterações é essencial para não afetar a sua página principal, e te dar a liberdade para fazer as mudanças (e cometer eventuais erros) sem problemas. Exporte o conteúdo de sua página existente e importe no novo Blog.

Read More

Importando o seu blog Wordpress para o Blogger

Se você tem um blog no wordpress e deseja importar as postagens para o blogger, veja neste tutorial simples e prático como fazer este procedimento.

Fazendo este procedimento você vai conseguir um arquivo XML. Ele não é compatível para ser importado no blogger, portanto você vai precisar entrar neste site para converter o arquivo. Depois é só seguir o procedimento abaixo em Configurações>Outro>Importar blog

Read More