Download - Passo a passo_blog educacional
![Page 1: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/1.jpg)
Telefone (92) 3214-5260 /3642-6188
![Page 2: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/2.jpg)
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
![Page 3: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/3.jpg)
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.
![Page 4: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/4.jpg)
Que tal criar seu próprio blog?
COMO CRIAR E ADMINISTRAR UM BLOG?
![Page 5: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/5.jpg)
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
![Page 6: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/6.jpg)
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
![Page 7: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/7.jpg)
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
![Page 8: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/8.jpg)
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.
![Page 9: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/9.jpg)
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
![Page 10: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/10.jpg)
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!
![Page 11: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/11.jpg)
Postar informações no blogDigite 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.
![Page 12: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/12.jpg)
Uma vez PUBLICADA, sua mensagem já está na internet. Agora, é só visualizar a postagem.
![Page 13: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/13.jpg)
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.
![Page 14: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/14.jpg)
Editar postagensMesmo uma mensagem que já foi publicada no blog poderá sofrer alterações para isso basta editá-la.• Na guia Postagem, clique em Editar postagens
Nessa janela, você tem a opção de: Editar, Visualizar e Excluir.
![Page 15: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/15.jpg)
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
![Page 16: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/16.jpg)
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:
![Page 17: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/17.jpg)
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.
![Page 18: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/18.jpg)
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
![Page 19: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/19.jpg)
Clique aqui para inserir
link
Digite o texto que deverá aparecer na mensagem
Digite ou cole o endereço da página na internet
Clique em OK para concluir e publique a
postagem
Mensagem com link
![Page 20: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/20.jpg)
Alterar fontes e coresNa 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.
![Page 21: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/21.jpg)
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.
![Page 22: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/22.jpg)
Adicionar gadgets ao blogGadgets são usados para muitos fins, sobretudo a facilidade de acesso.
• Vá ao painel de seu blog e selecione Layout.
• Em seguida, selecione Elementos da página ( a maioria das vezes ele aparece automaticamente)
• Clique em adicionar um gadget.
• Selecione o da sua escolha (os básicos são os que aparecem de cara. Para algo mais avançado ou sofisticado como o Recent Posts, vá em DESTAQUE.
• Clique em Salvar.
Clique em adicionar um gadget para
acrescentar acessórios a seu
blog
![Page 23: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/23.jpg)
Para adicionar uma lista com seus blogs
preferidos, basta inserir uma lista de blogs.
![Page 24: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/24.jpg)
Clique aqui para adicionar o endereço
![Page 25: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/25.jpg)
Digite o endereço do blog que você quer acrescentar a sua
lista.
Repita o processo para acrescentar novos
endereços.
![Page 26: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/26.jpg)
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.
![Page 27: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/27.jpg)
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.
![Page 28: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/28.jpg)
Para inserir vídeo do Youtube,
escolha opção Barra de vídeo
![Page 29: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/29.jpg)
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.
![Page 30: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/30.jpg)
Relógios no blogESCOLHA 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/
![Page 31: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/31.jpg)
Calendário no blogESCOLHA UM CALENDÁRIO PARA SEU SITE OU BLOG
http://www.artestilo.eu/calendarios/index.htmhttp://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.
![Page 32: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/32.jpg)
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'/>
![Page 33: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/33.jpg)
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
![Page 34: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/34.jpg)
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!
![Page 35: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/35.jpg)
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.
![Page 36: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/36.jpg)
MODELO ESCOLHIDOOPÇÕES DO
MODELO
ModelosPodemos trocar o modelo completo apenas clicando nos template no topo da página.
![Page 37: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/37.jpg)
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.
![Page 38: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/38.jpg)
Layout
OBS.: É importante ajustar a largura das colunas do Blog.
Permite reorganizar os seus gadgets.
![Page 39: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/39.jpg)
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.
![Page 40: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/40.jpg)
Quando terminar clique no botão aplicar ao blog que está no canto
superior direito da página.
![Page 41: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/41.jpg)
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
![Page 42: Passo a passo_blog educacional](https://reader036.vdocuments.pub/reader036/viewer/2022062523/5487b26fb4af9f5f388b6627/html5/thumbnails/42.jpg)
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
Atividade de navegação
Navegue pelos endereços abaixo e reflita sobre o uso do blog na educação.
A utilização do blog na educação
http://www.webartigos.com/articles/2017/1/A-Utilizaccedilatildeo-Do-Blog-Na-Educaccedilatildeo/pagina1.html
Blogs na educação: por que não? http://www.microsoft.com/brasil/educacao/parceiro/blogs_na_educacao.mspx
Sete motivos para um professor criar um blog http://www.educacional.com.br/articulistas/betina_bd.asp?codtexto=636
Razões para criar um blog e usá-lo como aliado em sala de aula - http://www.universia.com.br/docente/materia.jsp?materia=14193