SlideShare una empresa de Scribd logo
1 de 42
Telefone (92)  3214-5260 /3642-6188
O termo blog  é  derivado da união das palavras inglesas web (rede) e log (di á rio de bordo, onde os navegadores registravam os eventos das viagens, principalmente aqueles ligados ao clima). Foi criado por Jorn Barger em 17 de dezembro de 1997. A abrevia ç ão "blog", por sua vez, foi criada por Peter Merholz, que, de brincadeira, desmembrou a palavra weblog para formar a frase we blog ("n ó s blogamos") na barra lateral de seu blog Peterme.com.  HISTÓRIA DO BLOG Para aprofundar a leitura:  http://pt.wikipedia.org/wiki/Blog#cite_note-wired-1
A maioria das pessoas tem utilizado os blogs como di á rios pessoais, por é m um blog pode ter qualquer tipo de conte ú do e ser utilizado para diversos fins. Uma das vantagens do blog  é  permitir que os usu á rios publiquem seu conte ú do sem a necessidade de saber como são constru í das p á ginas na internet, ou seja, sem conhecimento t é cnico especializado.
COMO CRIAR E ADMINISTRAR UM BLOG? Que tal criar seu próprio blog?
Como criar  um blog? Existem serviços gratuitos para criação e hospedagem de blogs. Uma das  possibilidades  de serviço gratuito é o Blogger. Para criar um blog, inicialmente precisamos possuir uma conta no Blogger. Para isso, acesse  http://www.blogger.com   A página a seguir será aberta: CLIQUE  AQUI PARA CRIAR SEU BLOG
1ª ETAPA: Criar uma conta Preencha os campos solicitados E-mail : este endereço lhe dá acesso ao blog Senha : mínimo de 8 caracteres Nome de tela:  Nome usado para assinar as mensagens do seu blog (poderá ser seu próprio nome ou fictício). Verificação de palavras :  sistema de proteção para evitar a criação automática de blogs. Aceite o termo de uso e clique em CONTINUAR
2ª ETAPA: Criar um nome para o blog Preencha os campos solicitados Título do blog:  nome que aparecerá no início do blog. Ex. TICs na Educação Endereço do blog:  será o endereço na internet, a partir do qual seu blog será acessado. http://ticsnaeducacaolinux.blogspot.com/ Clique em  CONTINUAR
3ª ETAPA: Escolha um modelo Esse é o momento em que escolhemos o template para o blog, ou seja, o aspecto final. Selecione o modelo escolhido e, em seguida, clique em continuar.
Como acessar seu blog? Digite o endereço do Blogger:  www.blogger.com digite o e-mail usado para criar o blog digite a sua senha  clique em login
Seu Blog já está pronto e agora é só começar a usá-lo. Para isso clique em COMEÇAR A USAR O BLOG. Vou  acessar meu blog!
Postar informações no blog Digite um título para sua postagem e em seguida a mensagem que deseja publicar Uma vez terminada a mensagem, clique PUBLICAR POSTAGEM para publicá-la ou em SALVAR AGORA para salvá-la como esboço e publicá-la posteriormente.  É necessário publicar para que ela apareça na internet.
Uma vez PUBLICADA, sua mensagem já está na internet. Agora, é só  visualizar a postagem .
Na página do blog, será possível inserir comentários e visualizar todas as postagens já publicadas. Todos têm acesso ao seu blog, porém só poderão inserir comentários se você permitir.
Editar postagens ,[object Object],[object Object],Nessa janela, você tem a opção de:  Editar ,  Visualizar  e  Excluir .
1º -  Editar : permite fazer alterações em uma mensagem já postada utilizando a barra de ferramentas. 2º -  Visualizar : permite visualizar como ficou no blog a sua postagem. 3º -  Excluir : Elimina a postagem publicada
Como editar o modelo das postagens? Para acessar o editor de postagens do blog, entre no painel do Blogger, clique em  layout  >  elementos   de página . Procure por “postagens no blog” e clique no link editar. Abrirá uma nova janela, mostrando diversas opções de configurações para as postagens:
Postar uma figura 2. Clique no ícone INSERIR FIGURA, na barra de ferramentas do editor. 3. Localize a imagem desejada, clicando em ARQUIVO (se a imagem estiver em seu computador, CD ou pen drive) ou digite/cole o endereço da imagem na web. 1. Salve a figura no seu computador, num CD ou pen drive. Clique aqui para procurar a imagem desejada.
4. Em seguida, escolha o layout que deseja e o tamanho da imagem. Você pode escolher o layout para cada imagem ou definir um layout como padrão. Se preferir, marque a opção USAR ESTE LAYOUT SEMPRE.  5. Clique em  FAZER UPLOAD DE IMAGEM
Clique em OK para concluir e publique a postagem Mensagem com link Clique aqui para inserir link Digite o texto que deverá aparecer na mensagem Digite ou cole o endereço da página na internet
Alterar fontes e cores Na guia de Layout, escolha a opção  Fontes e cores . Escolha o item a ser alterado. Você poderá também alterar a fonte. Salve as  alterações .
Adicionar  e organizar elementos na página Depois de criar o blog, você poderá adicionar e organizar os elementos da página.  Explorando o layout O que são os Gadgets? É uma nova categoria de mini-aplicativos criadas para proporcionar informações e dados úteis, ou para melhorar uma aplicação ou um serviço na Web. Existem muitos Gadgets na web para você potencializar seu blog.
Adicionar  gadgets  ao blog Gadgets são usados para muitos fins, sobretudo a facilidade de acesso. ,[object Object],[object Object],[object Object],[object Object],[object Object],Clique em  adicionar um gadget  para acrescentar acessórios a seu blog
Para adicionar uma lista com seus blogs preferidos, basta inserir uma lista de blogs.
Clique aqui para adicionar o endereço
Digite o endereço do blog que você quer acrescentar a sua lista. Repita o processo para acrescentar novos endereços.
Atividade de execução  Selecione a opção  Adicionar um Gadget  e acrescente os seguintes itens ao seu blog. 1 .Texto : adiciona uma mensagem de boas-vindas.  2 .Lista de blogs : Uma Lista de blogs é muito mais do que uma simples lista de links: é uma visualização dinâmica dos blogs que são importantes para você. Por padrão, a Lista de blogs mostra primeiro os blogs atualizados mais recentemente. 3 .Lista de links : permite adicionar uma coleção de seus sites favoritos, blogs ou páginas na web.
Como editar o navbar? Navbar é a barra de navegação do Blogger; a partir dela é possível compartilhar posts nas redes sociais como o Twitter, seguir diretamente um blog, criar  uma  nova postagem,  personalizar , denunciar abusos etc. Escolha a cor desejada e clique em  salvar .
Para inserir vídeo do Youtube, escolha opção Barra de vídeo
Vídeo direto do seu computador Clique em "Adicionar Vídeo", na figura:   Selecione o vídeo e o título, marque que concorda com os termos de uso. Agora, é só clicar em fazer o Upload e publicar.
Relógios no blog ESCOLHA UM RELÓGIO PARA SEU BLOG Vá em  Layout  e na opção  Elementos de página  clique em  Adicionar um Gadget , procure por  HTML/JavaScript  e cole o código do seu relógio em seguida clique em salvar e pronto seu relógio foi adicionado ao seu blogger. http://relogios-para-sites-e-blogs.blogspot.com/
Calendário no blog ESCOLHA UM CALENDÁRIO PARA SEU SITE OU BLOG http://www.artestilo.eu/calendarios/index.htm http://www.magiagifs.com.br/Calendario/calendarios_clubes.htm Vá em  Layout  e na opção  Elementos de página  clique em  Adicionar um Gadget , procure por  HTML/JavaScript  e cole o código do seu relógio em seguida clique em salvar e pronto seu calendário foi adicionado ao seu blogger.
Colocar Barra de Rolagem nas postagens 1. Para fazer isso entre na pagina editar HTML e procure pela linha de código responsável por mostrar as postagens do seu blog, normalmente se procurar por postagens do blog achará uma linha parecida com essa: <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
Aqui não vamos alterar nada o que viemos fazer aqui é ver qual é a id (estilo de formatação) da postagem, em nosso exemplo é Blog1, então rolamos a página do HTML até o começo de antes da linha body{...} colocamos esse código: #Blog1{overflow-y:auto; overflow-x: hidden; height:300px; width: 100%;margin: 0px;} Note que apenas colocamos o sinal # antes da id e criamos um estilo (formatação), o trecho height:300px é a altura que terá a barra de rolagem, mas se quiser pode usar isso para modificar a aparência da postagem como por exemplo  formatar o texto  de outra forma ou  colocar bordas  nesta barra de rolagem. Ainda é possível fazer esse mesmo procedimento em qualquer outro trecho do blog, por exemplo, a sidebar, o código dela é assim: <b:section-contents id='sidebar-right-1'> Então iríamos criar o estilo #sidebar-right-1{….} da mesma forma que fizemos com a postagem.  http://www.dicasparablogs.com.br
do Blogger Novidades 15 novos modelos para já (e tem mais a caminho) - Modelos personalizados de blog com uma, duas e três colunas - Centenas de imagens de fundo  - Cores personalizáveis, fontes e muito mais!
Designer do Modelo É um painel super avançado de edição de template permitindo alterar fonte, tamanhos, cores, fundo, menu e etc. Lá você vai ver alguns temas que são padrão e poderá personalizá-lo da forma que quiser. Na guia  Design , opção  Design do modelo , temos novidades para personalizarmos o blog.
MODELO ESCOLHIDO OPÇÕES DO MODELO Modelos Podemos trocar o modelo completo apenas clicando nos template no topo da página.
Após escolher o modelo, é possível personalizá-lo.  Vamos iniciar pela guia  Plano de Fundo. 1. Clique em cima da Imagem para alterar a imagem do Plano de fundo. 2. Escolha a categoria que você usará para escolher uma nova imagem. Em seguida clique em CONCLUÍDO.
Layout OBS.: É importante ajustar a largura das colunas do Blog . Permite reorganizar os seus gadgets .
Avançado Aqui podemos configurar  as cores de fundo ,  tipo ,  tamanho e cor do texto ,  links  e  títulos  e algumas outras coisas. Você só precisa ir clicando nas alterações e ver o resultado no seu blog que fica sempre visível na parte de baixo, mas não seja muito apressado dependendo da velocidade da sua conexão com a internet pode demorar um pouco para você visualizar a mudança, portanto não faça muitas alterações seguidas senão pode se atrapalhar na hora de ver e escolher a melhor aparência para o seu blog.
Quando terminar clique no botão  aplicar ao blog  que está no canto superior direito da página.
Sites interessantes http://www.ferramentasblog.com/search/label/Gadgets http://www.ferramentasblog.com/2010/03/colocar-musica-no-blog-yahoo-media.html#more Como adicionar música no Blog: Dicas interessantes para seu blog: http://www.magiagifs.com.br/ Gifs e acessórios: Banners para Blogs e Sites   http://mundovtools.blogspot.com/2008/09/banners-para-blogs-e-sites.html http://sergioalex.blogs.sapo.pt/23373.html http://www.reinodosgifs.net/ Mini gifs http://www.brumaximus.blogger.com.br/ www.draft.blogger.com Blogger in draf
Para aprofundar a leitura acesse os endereços abaixo. Caso os links não funcionem copie o endereço desejado e cole-o na barra de endereço de seu navegador ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Más contenido relacionado

La actualidad más candente

Tutorial blogger elyene_fabricia
Tutorial blogger elyene_fabriciaTutorial blogger elyene_fabricia
Tutorial blogger elyene_fabricia
tatyeduca
 
Tutorial blogs
Tutorial blogsTutorial blogs
Tutorial blogs
johnbank1
 
Unidade III - Curso Introdução à Educação Digital
Unidade III - Curso Introdução à Educação DigitalUnidade III - Curso Introdução à Educação Digital
Unidade III - Curso Introdução à Educação Digital
Ana Lúcia Lemes Nunes Silva
 
Apostila conceitos web 2.0 - parte ii
Apostila   conceitos web 2.0 - parte iiApostila   conceitos web 2.0 - parte ii
Apostila conceitos web 2.0 - parte ii
Jorge Dantas
 
Apostila conceitos web 2.0 - parte iii
Apostila   conceitos web 2.0 - parte iiiApostila   conceitos web 2.0 - parte iii
Apostila conceitos web 2.0 - parte iii
alcionesna
 

La actualidad más candente (20)

Criar um blog
Criar um blogCriar um blog
Criar um blog
 
Apostila como criar um blog
Apostila como criar um blogApostila como criar um blog
Apostila como criar um blog
 
Tutorial do blog do PIBID UNEAL Geografia Campus I
Tutorial do blog do PIBID UNEAL Geografia Campus ITutorial do blog do PIBID UNEAL Geografia Campus I
Tutorial do blog do PIBID UNEAL Geografia Campus I
 
Tutorial blogger elyene_fabricia
Tutorial blogger elyene_fabriciaTutorial blogger elyene_fabricia
Tutorial blogger elyene_fabricia
 
aula 04 - WordPress
aula 04 - WordPressaula 04 - WordPress
aula 04 - WordPress
 
Como criar um blog no BLOGSPOT?
Como criar um blog no BLOGSPOT?Como criar um blog no BLOGSPOT?
Como criar um blog no BLOGSPOT?
 
Blogger
BloggerBlogger
Blogger
 
Tutorial blogs
Tutorial blogsTutorial blogs
Tutorial blogs
 
Del
DelDel
Del
 
Como Criar e Gerir Um Blog
Como Criar e Gerir Um BlogComo Criar e Gerir Um Blog
Como Criar e Gerir Um Blog
 
Blogues
BloguesBlogues
Blogues
 
Unidade III - Curso Introdução à Educação Digital
Unidade III - Curso Introdução à Educação DigitalUnidade III - Curso Introdução à Educação Digital
Unidade III - Curso Introdução à Educação Digital
 
Oficina Criando Um Blog
Oficina Criando Um BlogOficina Criando Um Blog
Oficina Criando Um Blog
 
Blogger
BloggerBlogger
Blogger
 
Criando um Blog
Criando um BlogCriando um Blog
Criando um Blog
 
OT Arte 3ª série Ensino Médio - Tutoriais 1 e 2
OT Arte 3ª série Ensino Médio - Tutoriais 1 e 2OT Arte 3ª série Ensino Médio - Tutoriais 1 e 2
OT Arte 3ª série Ensino Médio - Tutoriais 1 e 2
 
Blogger
BloggerBlogger
Blogger
 
Tutorial Criação de Blogger
Tutorial Criação de BloggerTutorial Criação de Blogger
Tutorial Criação de Blogger
 
Apostila conceitos web 2.0 - parte ii
Apostila   conceitos web 2.0 - parte iiApostila   conceitos web 2.0 - parte ii
Apostila conceitos web 2.0 - parte ii
 
Apostila conceitos web 2.0 - parte iii
Apostila   conceitos web 2.0 - parte iiiApostila   conceitos web 2.0 - parte iii
Apostila conceitos web 2.0 - parte iii
 

Destacado

Caminho metodológico experimentação
Caminho metodológico experimentaçãoCaminho metodológico experimentação
Caminho metodológico experimentação
Valmir Heckler
 
Apresentações Winning Together
Apresentações Winning TogetherApresentações Winning Together
Apresentações Winning Together
MPNpt
 
Bíblia e qualidade total
Bíblia e qualidade totalBíblia e qualidade total
Bíblia e qualidade total
gvirtual
 
Aborto campanha da fraternidade
Aborto campanha da fraternidadeAborto campanha da fraternidade
Aborto campanha da fraternidade
mesaredondaaborto
 
Noções de-informática
Noções de-informáticaNoções de-informática
Noções de-informática
EDILENE CABRAL
 
7 mensagem leitura alunos sala música
7 mensagem leitura alunos sala música7 mensagem leitura alunos sala música
7 mensagem leitura alunos sala música
Carina Araújo
 

Destacado (20)

Abençoando20042014 (1)
Abençoando20042014 (1)Abençoando20042014 (1)
Abençoando20042014 (1)
 
Palestra Tubo de Insight 2015
Palestra Tubo de Insight 2015Palestra Tubo de Insight 2015
Palestra Tubo de Insight 2015
 
Cartao de Natal 1
Cartao de Natal 1Cartao de Natal 1
Cartao de Natal 1
 
NCODP on NCOER
NCODP on NCOERNCODP on NCOER
NCODP on NCOER
 
Arabic brochure
Arabic brochureArabic brochure
Arabic brochure
 
Caminho metodológico experimentação
Caminho metodológico experimentaçãoCaminho metodológico experimentação
Caminho metodológico experimentação
 
Presentació Brasil Infrisa
Presentació Brasil InfrisaPresentació Brasil Infrisa
Presentació Brasil Infrisa
 
Apresentações Winning Together
Apresentações Winning TogetherApresentações Winning Together
Apresentações Winning Together
 
Seguranca em IPv6 com Mikrotik RouterOS
Seguranca em IPv6 com Mikrotik RouterOSSeguranca em IPv6 com Mikrotik RouterOS
Seguranca em IPv6 com Mikrotik RouterOS
 
Projeto de aprendizagem
Projeto de aprendizagemProjeto de aprendizagem
Projeto de aprendizagem
 
Bíblia e qualidade total
Bíblia e qualidade totalBíblia e qualidade total
Bíblia e qualidade total
 
AmCham 2016
AmCham 2016AmCham 2016
AmCham 2016
 
School of Social Sciences (FGV/CPDOC)
School of Social Sciences (FGV/CPDOC)School of Social Sciences (FGV/CPDOC)
School of Social Sciences (FGV/CPDOC)
 
Aborto campanha da fraternidade
Aborto campanha da fraternidadeAborto campanha da fraternidade
Aborto campanha da fraternidade
 
Ancham
AnchamAncham
Ancham
 
Thedude
ThedudeThedude
Thedude
 
Anais_2008
Anais_2008Anais_2008
Anais_2008
 
Noções de-informática
Noções de-informáticaNoções de-informática
Noções de-informática
 
7 mensagem leitura alunos sala música
7 mensagem leitura alunos sala música7 mensagem leitura alunos sala música
7 mensagem leitura alunos sala música
 
Folleto nutrilite
Folleto nutriliteFolleto nutrilite
Folleto nutrilite
 

Similar a Passo a passo_blog educacional (20)

Blogger 131210193432-phpapp01
Blogger 131210193432-phpapp01Blogger 131210193432-phpapp01
Blogger 131210193432-phpapp01
 
AIAI
AIAIAIAI
AIAI
 
555
555555
555
 
Tutorial para Fazer Blogs
Tutorial para Fazer BlogsTutorial para Fazer Blogs
Tutorial para Fazer Blogs
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Como criar um blog no blogspot
Como criar um blog no blogspotComo criar um blog no blogspot
Como criar um blog no blogspot
 
Blogger
BloggerBlogger
Blogger
 
Apostila com criar um blog
Apostila com criar um blogApostila com criar um blog
Apostila com criar um blog
 
Como criar e gerir um blog
Como criar e gerir um blogComo criar e gerir um blog
Como criar e gerir um blog
 
5º como criar_e_gerir_um_blog
5º como criar_e_gerir_um_blog5º como criar_e_gerir_um_blog
5º 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
 
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
 
Como criar um_blogue
Como criar um_blogueComo criar um_blogue
Como criar um_blogue
 
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
 
Como criar um_blog
Como criar um_blogComo criar um_blog
Como criar um_blog
 

Passo a passo_blog educacional

  • 1. Telefone (92) 3214-5260 /3642-6188
  • 2. O termo blog é derivado da união das palavras inglesas web (rede) e log (di á rio de bordo, onde os navegadores registravam os eventos das viagens, principalmente aqueles ligados ao clima). Foi criado por Jorn Barger em 17 de dezembro de 1997. A abrevia ç ão &quot;blog&quot;, por sua vez, foi criada por Peter Merholz, que, de brincadeira, desmembrou a palavra weblog para formar a frase we blog (&quot;n ó s blogamos&quot;) na barra lateral de seu blog Peterme.com. HISTÓRIA DO BLOG Para aprofundar a leitura: http://pt.wikipedia.org/wiki/Blog#cite_note-wired-1
  • 3. A maioria das pessoas tem utilizado os blogs como di á rios pessoais, por é m um blog pode ter qualquer tipo de conte ú do e ser utilizado para diversos fins. Uma das vantagens do blog é permitir que os usu á rios publiquem seu conte ú do sem a necessidade de saber como são constru í das p á ginas na internet, ou seja, sem conhecimento t é cnico especializado.
  • 4. COMO CRIAR E ADMINISTRAR UM BLOG? Que tal criar seu próprio blog?
  • 5. Como criar um blog? Existem serviços gratuitos para criação e hospedagem de blogs. Uma das possibilidades de serviço gratuito é o Blogger. Para criar um blog, inicialmente precisamos possuir uma conta no Blogger. Para isso, acesse http://www.blogger.com A página a seguir será aberta: CLIQUE AQUI PARA CRIAR SEU BLOG
  • 6. 1ª ETAPA: Criar uma conta Preencha os campos solicitados E-mail : este endereço lhe dá acesso ao blog Senha : mínimo de 8 caracteres Nome de tela: Nome usado para assinar as mensagens do seu blog (poderá ser seu próprio nome ou fictício). Verificação de palavras : sistema de proteção para evitar a criação automática de blogs. Aceite o termo de uso e clique em CONTINUAR
  • 7. 2ª ETAPA: Criar um nome para o blog Preencha os campos solicitados Título do blog: nome que aparecerá no início do blog. Ex. TICs na Educação Endereço do blog: será o endereço na internet, a partir do qual seu blog será acessado. http://ticsnaeducacaolinux.blogspot.com/ Clique em CONTINUAR
  • 8. 3ª ETAPA: Escolha um modelo Esse é o momento em que escolhemos o template para o blog, ou seja, o aspecto final. Selecione o modelo escolhido e, em seguida, clique em continuar.
  • 9. Como acessar seu blog? Digite o endereço do Blogger: www.blogger.com digite o e-mail usado para criar o blog digite a sua senha clique em login
  • 10. Seu Blog já está pronto e agora é só começar a usá-lo. Para isso clique em COMEÇAR A USAR O BLOG. Vou acessar meu blog!
  • 11. Postar informações no blog Digite um título para sua postagem e em seguida a mensagem que deseja publicar Uma vez terminada a mensagem, clique PUBLICAR POSTAGEM para publicá-la ou em SALVAR AGORA para salvá-la como esboço e publicá-la posteriormente. É necessário publicar para que ela apareça na internet.
  • 12. Uma vez PUBLICADA, sua mensagem já está na internet. Agora, é só visualizar a postagem .
  • 13. Na página do blog, será possível inserir comentários e visualizar todas as postagens já publicadas. Todos têm acesso ao seu blog, porém só poderão inserir comentários se você permitir.
  • 14.
  • 15. 1º - Editar : permite fazer alterações em uma mensagem já postada utilizando a barra de ferramentas. 2º - Visualizar : permite visualizar como ficou no blog a sua postagem. 3º - Excluir : Elimina a postagem publicada
  • 16. Como editar o modelo das postagens? Para acessar o editor de postagens do blog, entre no painel do Blogger, clique em layout > elementos de página . Procure por “postagens no blog” e clique no link editar. Abrirá uma nova janela, mostrando diversas opções de configurações para as postagens:
  • 17. Postar uma figura 2. Clique no ícone INSERIR FIGURA, na barra de ferramentas do editor. 3. Localize a imagem desejada, clicando em ARQUIVO (se a imagem estiver em seu computador, CD ou pen drive) ou digite/cole o endereço da imagem na web. 1. Salve a figura no seu computador, num CD ou pen drive. Clique aqui para procurar a imagem desejada.
  • 18. 4. Em seguida, escolha o layout que deseja e o tamanho da imagem. Você pode escolher o layout para cada imagem ou definir um layout como padrão. Se preferir, marque a opção USAR ESTE LAYOUT SEMPRE. 5. Clique em FAZER UPLOAD DE IMAGEM
  • 19. Clique em OK para concluir e publique a postagem Mensagem com link Clique aqui para inserir link Digite o texto que deverá aparecer na mensagem Digite ou cole o endereço da página na internet
  • 20. Alterar fontes e cores Na guia de Layout, escolha a opção Fontes e cores . Escolha o item a ser alterado. Você poderá também alterar a fonte. Salve as alterações .
  • 21. Adicionar e organizar elementos na página Depois de criar o blog, você poderá adicionar e organizar os elementos da página. Explorando o layout O que são os Gadgets? É uma nova categoria de mini-aplicativos criadas para proporcionar informações e dados úteis, ou para melhorar uma aplicação ou um serviço na Web. Existem muitos Gadgets na web para você potencializar seu blog.
  • 22.
  • 23. Para adicionar uma lista com seus blogs preferidos, basta inserir uma lista de blogs.
  • 24. Clique aqui para adicionar o endereço
  • 25. Digite o endereço do blog que você quer acrescentar a sua lista. Repita o processo para acrescentar novos endereços.
  • 26. Atividade de execução Selecione a opção Adicionar um Gadget e acrescente os seguintes itens ao seu blog. 1 .Texto : adiciona uma mensagem de boas-vindas. 2 .Lista de blogs : Uma Lista de blogs é muito mais do que uma simples lista de links: é uma visualização dinâmica dos blogs que são importantes para você. Por padrão, a Lista de blogs mostra primeiro os blogs atualizados mais recentemente. 3 .Lista de links : permite adicionar uma coleção de seus sites favoritos, blogs ou páginas na web.
  • 27. Como editar o navbar? Navbar é a barra de navegação do Blogger; a partir dela é possível compartilhar posts nas redes sociais como o Twitter, seguir diretamente um blog, criar uma nova postagem, personalizar , denunciar abusos etc. Escolha a cor desejada e clique em salvar .
  • 28. Para inserir vídeo do Youtube, escolha opção Barra de vídeo
  • 29. Vídeo direto do seu computador Clique em &quot;Adicionar Vídeo&quot;, na figura: Selecione o vídeo e o título, marque que concorda com os termos de uso. Agora, é só clicar em fazer o Upload e publicar.
  • 30. Relógios no blog ESCOLHA UM RELÓGIO PARA SEU BLOG Vá em Layout e na opção Elementos de página clique em Adicionar um Gadget , procure por HTML/JavaScript e cole o código do seu relógio em seguida clique em salvar e pronto seu relógio foi adicionado ao seu blogger. http://relogios-para-sites-e-blogs.blogspot.com/
  • 31. Calendário no blog ESCOLHA UM CALENDÁRIO PARA SEU SITE OU BLOG http://www.artestilo.eu/calendarios/index.htm http://www.magiagifs.com.br/Calendario/calendarios_clubes.htm Vá em Layout e na opção Elementos de página clique em Adicionar um Gadget , procure por HTML/JavaScript e cole o código do seu relógio em seguida clique em salvar e pronto seu calendário foi adicionado ao seu blogger.
  • 32. Colocar Barra de Rolagem nas postagens 1. Para fazer isso entre na pagina editar HTML e procure pela linha de código responsável por mostrar as postagens do seu blog, normalmente se procurar por postagens do blog achará uma linha parecida com essa: <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
  • 33. Aqui não vamos alterar nada o que viemos fazer aqui é ver qual é a id (estilo de formatação) da postagem, em nosso exemplo é Blog1, então rolamos a página do HTML até o começo de antes da linha body{...} colocamos esse código: #Blog1{overflow-y:auto; overflow-x: hidden; height:300px; width: 100%;margin: 0px;} Note que apenas colocamos o sinal # antes da id e criamos um estilo (formatação), o trecho height:300px é a altura que terá a barra de rolagem, mas se quiser pode usar isso para modificar a aparência da postagem como por exemplo formatar o texto de outra forma ou colocar bordas nesta barra de rolagem. Ainda é possível fazer esse mesmo procedimento em qualquer outro trecho do blog, por exemplo, a sidebar, o código dela é assim: <b:section-contents id='sidebar-right-1'> Então iríamos criar o estilo #sidebar-right-1{….} da mesma forma que fizemos com a postagem. http://www.dicasparablogs.com.br
  • 34. do Blogger Novidades 15 novos modelos para já (e tem mais a caminho) - Modelos personalizados de blog com uma, duas e três colunas - Centenas de imagens de fundo - Cores personalizáveis, fontes e muito mais!
  • 35. Designer do Modelo É um painel super avançado de edição de template permitindo alterar fonte, tamanhos, cores, fundo, menu e etc. Lá você vai ver alguns temas que são padrão e poderá personalizá-lo da forma que quiser. Na guia Design , opção Design do modelo , temos novidades para personalizarmos o blog.
  • 36. MODELO ESCOLHIDO OPÇÕES DO MODELO Modelos Podemos trocar o modelo completo apenas clicando nos template no topo da página.
  • 37. Após escolher o modelo, é possível personalizá-lo. Vamos iniciar pela guia Plano de Fundo. 1. Clique em cima da Imagem para alterar a imagem do Plano de fundo. 2. Escolha a categoria que você usará para escolher uma nova imagem. Em seguida clique em CONCLUÍDO.
  • 38. Layout OBS.: É importante ajustar a largura das colunas do Blog . Permite reorganizar os seus gadgets .
  • 39. Avançado Aqui podemos configurar as cores de fundo , tipo , tamanho e cor do texto , links e títulos e algumas outras coisas. Você só precisa ir clicando nas alterações e ver o resultado no seu blog que fica sempre visível na parte de baixo, mas não seja muito apressado dependendo da velocidade da sua conexão com a internet pode demorar um pouco para você visualizar a mudança, portanto não faça muitas alterações seguidas senão pode se atrapalhar na hora de ver e escolher a melhor aparência para o seu blog.
  • 40. Quando terminar clique no botão aplicar ao blog que está no canto superior direito da página.
  • 41. Sites interessantes http://www.ferramentasblog.com/search/label/Gadgets http://www.ferramentasblog.com/2010/03/colocar-musica-no-blog-yahoo-media.html#more Como adicionar música no Blog: Dicas interessantes para seu blog: http://www.magiagifs.com.br/ Gifs e acessórios: Banners para Blogs e Sites http://mundovtools.blogspot.com/2008/09/banners-para-blogs-e-sites.html http://sergioalex.blogs.sapo.pt/23373.html http://www.reinodosgifs.net/ Mini gifs http://www.brumaximus.blogger.com.br/ www.draft.blogger.com Blogger in draf
  • 42.