SlideShare uma empresa Scribd logo
1 de 25
Configurando o layout
do Blog




          Curso Proinfo Integrado
     “Introdução à Educação Digital”
       NET São José dos Campos
                              PCNP Adilson Vilas Boas
Configurando o layout do Blog

   Na primeira parte vimos com construir
um blog. Agora vamos mostrar como
configurar um layout para o blog construído.



   Vamos lá!
Entre em sua conta de Email
 Acesse sua conta do Gmail.
Acesse o Blogger
   Na barra de Menu, Clique em Mais e depois em Blogger
Acesse o blog
Na lista dos blogs criados clique o blog que deseja alterar o layout (1 blog:
Criando um blog).
Alterando o layout do blog
 Clique em Layout
Alterando o layout do blog
 Clique em Designer de modelo
Alterando o Modelo
Você pode alterar o modelo do blog escolhendo o Modelo e a categoria do
mesmo. Ao clicar no modelo e depois na categoria o mesmo é exibo com
exemplo no blog.
Alterando o Modelo
 Veja como ficou!
Alterando o Modelo
 Se gostou clique em Aplicar ao blog
Alterando a cor/imagem de fundo
 Clique em Plano de fundo para alterar a cor de tema principal ou a imagem de
 fundo
Alterando a cor/imagem de fundo
 Clique no triângulo para exibir as opções de imagens.
                           Você pode escolher uma imagem de seu computador
                                                       Clique em Concluído
Alterando a largura do blog
Clique em Ajustar larguras para alterar a largura no blog na tela do computador
ou a largura da barra lateral. Clique nos botões de ajustes e arraste-os.
Alterando a layout do corpo do blog
  Clique em Layout para alterar o layout da página do blog. Escola um layout do
  corpo do blog. Depois clique em Aplicar ao blog (canto superior direito)
Alterando cabeçalho do blog
Ainda em Layout, clique no link Editar no cabeçalho do blog. Para personalizá-lo.
Crie uma imagem no Paint para substituir o cabeçalho atual. Vamos a dica!
Alterando cabeçalho do blog

 Caso queira alterar o cabeçalho do blog
   uma boa dica é criar um cabeçalho
   personalizado. Escolha uma imagem de
   fundo na internet e salve em seu
   computador.
 Trabalhe essa imagem no Paint e depois
   inseri-la ao blog.
Alterando cabeçalho do blog
                      Clique em Escolher arquivo
                      e selecione o arqivo que
                      você deseja que fique como
                      cabeçalho do blog.

                      Marque uma das opções
                      conforme a imagem que
                      você está inserindo.

                      Se na imagem já tem o
                      nome do Blog marque a
                      opção “ Em vez de titulo e
                      descrição
Alterando cabeçalho do blog
  Selecione a imagem escolhida. Essa imagem foi montada no Paint.
  Clique em abrir.
Alterando cabeçalho do blog
                    Espere carregar a
                    imagem e clique em
                    Salvar
Alterando cabeçalho do blog
  Clique em Aplicar ao Blog e depois em Visualizar blog.
Alterando cabeçalho do blog
  Visualizando o blog.
Alterando Fontes e cor do texto
 Clique em Avançado para alterar as fontes e as cores usadas no blog
Pesquise mais ...
 Volte para o Blogger em Layout e descubra outras funcionalidades com por
 exemplo os Gadget. Pesquisa na Internet como usá-las.
Blog Pronto
 O endereço do blog é: http://criandoblog4.blogspot.com.br/ Veja como ficou!
Abraços e
Obrigado!


PCNP Adilson Vilas Boas

Mais conteúdo relacionado

Mais procurados

WordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e BlogueirosWordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e BlogueirosValério Souza
 
Tutorial: Como criar um blog coletivo para uso em sala de aula
Tutorial: Como criar um blog coletivo para uso em sala de aulaTutorial: Como criar um blog coletivo para uso em sala de aula
Tutorial: Como criar um blog coletivo para uso em sala de aulaSamtinha
 
Trabalho como criar um blog
Trabalho como criar um blogTrabalho como criar um blog
Trabalho como criar um blogNéia Cardoso
 
Tutorial blog colaborativo
Tutorial blog colaborativoTutorial blog colaborativo
Tutorial blog colaborativoProjeto UCA
 
Tutorial Blogger
Tutorial BloggerTutorial Blogger
Tutorial Bloggertaisrg
 
Guia Blog Layout Parte2
Guia Blog Layout Parte2Guia Blog Layout Parte2
Guia Blog Layout Parte2Vanessa Crecci
 
Passo A Passo Blogger
Passo A Passo BloggerPasso A Passo Blogger
Passo A Passo BloggerKarla Nielle
 
Criando um blog no blogspot
Criando um blog no blogspotCriando um blog no blogspot
Criando um blog no blogspotrenatajaguaribe
 
Oficina Criando Um Blog
Oficina Criando Um BlogOficina Criando Um Blog
Oficina Criando Um Blogmarcelasb
 
Blog Educacional
Blog EducacionalBlog Educacional
Blog Educacionalvivianelima
 
Como criar um blog introducao educacao_digital
Como criar um blog introducao educacao_digitalComo criar um blog introducao educacao_digital
Como criar um blog introducao educacao_digitalfresia1
 
Tutorial blog - Portal Educacional
Tutorial blog - Portal EducacionalTutorial blog - Portal Educacional
Tutorial blog - Portal EducacionalReginaldo Machado
 
Tutorial como postar no blog
Tutorial como postar no blogTutorial como postar no blog
Tutorial como postar no blogAlexandre César
 

Mais procurados (20)

WordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e BlogueirosWordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e Blogueiros
 
Tutorial: Como criar um blog coletivo para uso em sala de aula
Tutorial: Como criar um blog coletivo para uso em sala de aulaTutorial: Como criar um blog coletivo para uso em sala de aula
Tutorial: Como criar um blog coletivo para uso em sala de aula
 
Trabalho como criar um blog
Trabalho como criar um blogTrabalho como criar um blog
Trabalho como criar um blog
 
Tutorial blog colaborativo
Tutorial blog colaborativoTutorial blog colaborativo
Tutorial blog colaborativo
 
aula 02 - WordPress
aula 02 - WordPressaula 02 - WordPress
aula 02 - WordPress
 
Tutorial Blogger
Tutorial BloggerTutorial Blogger
Tutorial Blogger
 
Guia Blog Layout Parte2
Guia Blog Layout Parte2Guia Blog Layout Parte2
Guia Blog Layout Parte2
 
Como fazer um blog parte 1
Como fazer um blog parte 1Como fazer um blog parte 1
Como fazer um blog parte 1
 
Apostila como criar um blog
Apostila como criar um blogApostila como criar um blog
Apostila como criar um blog
 
Passo A Passo Blogger
Passo A Passo BloggerPasso A Passo Blogger
Passo A Passo Blogger
 
Criando um blog no blogspot
Criando um blog no blogspotCriando um blog no blogspot
Criando um blog no blogspot
 
Guia Layout
Guia LayoutGuia Layout
Guia Layout
 
Como criar meu blog
Como criar meu blogComo criar meu blog
Como criar meu blog
 
Oficina Criando Um Blog
Oficina Criando Um BlogOficina Criando Um Blog
Oficina Criando Um Blog
 
Blog Educacional
Blog EducacionalBlog Educacional
Blog Educacional
 
workshop Blog Wordpress passo a passo
workshop Blog Wordpress passo a passoworkshop Blog Wordpress passo a passo
workshop Blog Wordpress passo a passo
 
Como criar um blog introducao educacao_digital
Como criar um blog introducao educacao_digitalComo criar um blog introducao educacao_digital
Como criar um blog introducao educacao_digital
 
Tutorial Blogger
Tutorial BloggerTutorial Blogger
Tutorial Blogger
 
Tutorial blog - Portal Educacional
Tutorial blog - Portal EducacionalTutorial blog - Portal Educacional
Tutorial blog - Portal Educacional
 
Tutorial como postar no blog
Tutorial como postar no blogTutorial como postar no blog
Tutorial como postar no blog
 

Semelhante a Layout do blog (20)

Como Criar Um Blog
Como Criar Um BlogComo Criar Um Blog
Como Criar Um Blog
 
Tutorial blog dayse
Tutorial blog dayseTutorial blog dayse
Tutorial blog dayse
 
Como criar um blog no blogspot
Como criar um blog no blogspotComo criar um blog no blogspot
Como criar um blog no blogspot
 
Criar Blogs
Criar BlogsCriar Blogs
Criar Blogs
 
Eadblog 1218719297205154-9
Eadblog 1218719297205154-9Eadblog 1218719297205154-9
Eadblog 1218719297205154-9
 
Blog
BlogBlog
Blog
 
Blog educacional
Blog educacionalBlog educacional
Blog educacional
 
Passo a passo_blog educacional
Passo a passo_blog educacionalPasso a passo_blog educacional
Passo a passo_blog educacional
 
AIAI
AIAIAIAI
AIAI
 
555
555555
555
 
Como criar um blog
Como criar um blogComo criar um blog
Como criar um blog
 
Tutorial blogger
Tutorial bloggerTutorial blogger
Tutorial blogger
 
Tutorialdeblogs 110505222146-phpapp02
Tutorialdeblogs 110505222146-phpapp02Tutorialdeblogs 110505222146-phpapp02
Tutorialdeblogs 110505222146-phpapp02
 
Blogger
BloggerBlogger
Blogger
 
Tutorial blog fácil
Tutorial blog fácilTutorial blog fácil
Tutorial blog fácil
 
Blog
BlogBlog
Blog
 
InformáTica Blog 2
InformáTica   Blog 2InformáTica   Blog 2
InformáTica Blog 2
 
Como Criar e Gerir Um Blog
Como Criar e Gerir Um BlogComo Criar e Gerir Um Blog
Como Criar e Gerir Um Blog
 
Como criar-um-blog
Como criar-um-blogComo criar-um-blog
Como criar-um-blog
 
Como criar um_blog
Como criar um_blogComo criar um_blog
Como criar um_blog
 

Layout do blog

  • 1. Configurando o layout do Blog Curso Proinfo Integrado “Introdução à Educação Digital” NET São José dos Campos PCNP Adilson Vilas Boas
  • 2. Configurando o layout do Blog Na primeira parte vimos com construir um blog. Agora vamos mostrar como configurar um layout para o blog construído. Vamos lá!
  • 3. Entre em sua conta de Email Acesse sua conta do Gmail.
  • 4. Acesse o Blogger Na barra de Menu, Clique em Mais e depois em Blogger
  • 5. Acesse o blog Na lista dos blogs criados clique o blog que deseja alterar o layout (1 blog: Criando um blog).
  • 6. Alterando o layout do blog Clique em Layout
  • 7. Alterando o layout do blog Clique em Designer de modelo
  • 8. Alterando o Modelo Você pode alterar o modelo do blog escolhendo o Modelo e a categoria do mesmo. Ao clicar no modelo e depois na categoria o mesmo é exibo com exemplo no blog.
  • 9. Alterando o Modelo Veja como ficou!
  • 10. Alterando o Modelo Se gostou clique em Aplicar ao blog
  • 11. Alterando a cor/imagem de fundo Clique em Plano de fundo para alterar a cor de tema principal ou a imagem de fundo
  • 12. Alterando a cor/imagem de fundo Clique no triângulo para exibir as opções de imagens. Você pode escolher uma imagem de seu computador Clique em Concluído
  • 13. Alterando a largura do blog Clique em Ajustar larguras para alterar a largura no blog na tela do computador ou a largura da barra lateral. Clique nos botões de ajustes e arraste-os.
  • 14. Alterando a layout do corpo do blog Clique em Layout para alterar o layout da página do blog. Escola um layout do corpo do blog. Depois clique em Aplicar ao blog (canto superior direito)
  • 15. Alterando cabeçalho do blog Ainda em Layout, clique no link Editar no cabeçalho do blog. Para personalizá-lo. Crie uma imagem no Paint para substituir o cabeçalho atual. Vamos a dica!
  • 16. Alterando cabeçalho do blog Caso queira alterar o cabeçalho do blog uma boa dica é criar um cabeçalho personalizado. Escolha uma imagem de fundo na internet e salve em seu computador. Trabalhe essa imagem no Paint e depois inseri-la ao blog.
  • 17. Alterando cabeçalho do blog Clique em Escolher arquivo e selecione o arqivo que você deseja que fique como cabeçalho do blog. Marque uma das opções conforme a imagem que você está inserindo. Se na imagem já tem o nome do Blog marque a opção “ Em vez de titulo e descrição
  • 18. Alterando cabeçalho do blog Selecione a imagem escolhida. Essa imagem foi montada no Paint. Clique em abrir.
  • 19. Alterando cabeçalho do blog Espere carregar a imagem e clique em Salvar
  • 20. Alterando cabeçalho do blog Clique em Aplicar ao Blog e depois em Visualizar blog.
  • 21. Alterando cabeçalho do blog Visualizando o blog.
  • 22. Alterando Fontes e cor do texto Clique em Avançado para alterar as fontes e as cores usadas no blog
  • 23. Pesquise mais ... Volte para o Blogger em Layout e descubra outras funcionalidades com por exemplo os Gadget. Pesquisa na Internet como usá-las.
  • 24. Blog Pronto O endereço do blog é: http://criandoblog4.blogspot.com.br/ Veja como ficou!