ROTEIRO PASSO A PASSO COMO CRIAR E ALIMENTAR UM BLOG

ROTEIRO PASSO A PASSO COMO CRIAR E ALIMENTAR UM BLOG Elaborado por Márcia Azevedo Professora Formadora / Multiplicadora NTE Municipal de Campinas - 2010 -

ÍNDICE Criando um blog... 3 Conhecendo as opções de configurações de seu blog... 4 Postagem... 4 Colocar link nas palavras... 5 Inserir imagem na postagem... 5 Inserir vídeo na postagem... 6 Editar postagem... 12 Editar páginas... 12 Comentários... 13 Configurações... 13 Básico... 13 Publicação... 14 Formatação... 15 Comentários... 15 Permissões... 15 Design... 16 Gadgets... 16 Lista de links... 23 Designer do modelo... 24 Como acessar o Blog... 25 Significado de siglas e termos... 26 Referências... 27

Criando um Blog Para criar um blog é necessário ter um email do gmail. Se não tiver, abra seu navegador de Internet. Na [Barra de endereços], escreva: https://mail.google.com, clique em [Criar uma conta] e complete os dados que forem pedidos. Obs.: Talvez seja pedido um número de telefone celular para que a inscrição no gmail seja realizada. Se for pedido, será enviado um torpedo com um número de ativação. Abra seu navegador de Internet. Na [Barra de endereços], escreva: www.blogger.com Coloque seu email e senha do Google nos campos assinalados abaixo: Clique em [Criar um blog]. Abrirá uma sequência de janelas, onde será pedido para que sejam completados vários dados, como é mostrado a seguir: Primeira janela Passo 1: Dê um título para seu blog. Este título aparecerá como cabeçalho de seu blog. Escolha um título bem legal, que seja a cara de seu blog. Aqui pode escrever com letra maiúscula, minúscula, com espaços, etc. A formatação é por sua conta. Passo 2: Escolha um endereço para seu blog. Este é o endereço que as pessoas utilizarão para visitar o seu blog. Aqui tem que ser tudo em letra minúscula, sem espaço. Se quiser, pode utilizar traço [ - ]. Clique em [verificar disponibilidade] para verificar se não existe um blog com o endereço que você escolheu. Se o Blogger avisar que o endereço já existe, escolha outro. Se aparecer escrito [Este endereço de blog está disponível], passe para o passo 3. Passo 3: Verificação de palavras: Escreva a palavra que estará escrita em verde no campo abaixo dela. Após a escrita, clique [Continuar]. Segunda janela Passo 1: Escolha inicialmente um dos oito modelos para seu blog. Após se decidir, clique sobre a imagem. Clique em [Continuar]. Pronto. O seu blog já está criado. Clique em [Começar a usar o blog].

Abrirá uma janela com o local para postagem. Inicialmente, coloque um título para sua postagem e escreva um texto inicial para seu blog. Aqui, utilize a formatação correta de escrita. Ao terminar para ver como ficou, clique em [Visualizar]. Abrirá uma nova aba ou nova janela no seu navegador. Após a verificação se está tudo do jeito que você queria, clique no [X] no alto da aba ou janela para fechá-la. Voltando à postagem de seu blog, clique em [Publicar postagem], como mostra o modelo acima. Conhecendo as opções de configurações de seu blog: Existem várias abas: Postagem, Comentários, Configurações, Design, Gerar receita, e Estatísticas e em cada aba, várias sub abas. Vamos ver quais as opções que cada uma oferece. Postagem: Em [Nova postagem], abrirá a janela de postagem onde será escrito um texto, inserido um vídeo, uma imagem, etc. Entendendo a [Barra de Formatação] das postagens: - Fazer e refazer. Este comando é utilizado para voltar ou refazer o que havia sido escrito ou inserido. - Fonte. Aqui é onde a fonte que deseja utilizar em sua postagem é escolhida. Se já escreveu, não esqueça de selecionar o texto antes de alterar a fonte. Obs.: Para selecionar um texto, coloque o cursor antes da primeira letra da primeira palavra. Aperte o botão esquerdo do mouse, mantenha apertado e arraste até o final do texto que deseja que seja alterado. O texto ficará com uma faixa azul sobre ele, isto é, ficará selecionado. Agora clique sobre o ícone referente à alteração de fonte e faça a sua escolha. - Aqui é onde o tamanho que desejar para seu texto é escolhido. Novamente: Para fazer qualquer alteração no texto, este necessita estar selecionado.

Estes comandos são utilizados para formatação do texto. B Negrito I Itálico U Sublinhado ABC Tachado Neste comando, é escolhida a cor da fonte. - Aqui o comando é de realçar o texto. Exemplo: realçar - Este ícone dá a opção de colocar link em texto e imagem. Exemplo: é postado no blog um texto sobre o uso das tecnologias na escola. Na palavra tecnologias é colocado um link que leva a uma página na internet com um texto sobre o assunto. Como colocar o link na palavra: O primeiro passo é escrever um texto sobre o uso das tecnologias na escola em [Nova Postagem]. O segundo passo é encontrar na internet uma página com um texto sobre o assunto. O terceiro passo é copiar o endereço da página que quer linkar, localizado na [Barra de endereços] iniciado por www. Obs.: Para copiar o endereço, este deve estar selecionado. Clicar em [Editar / Copiar], ou clicar com o botão direito do mouse sobre o endereço selecionado e clicar copiar]. O quarto passo é selecionar a palavra que deseja linkar. O quinto passo é clicar sobre a palavra LINK mostrado na imagem acima. Abrirá uma janela. O sexto passo é clicar onde é mostrado pela imagem abaixo e colar o endereço copiado. Obs.: Para colar o endereço, clique em [Editar / Colar], ou clicar com o botão direito do mouse sobre o endereço selecionado e clicar colar]. Para concluir, clique OK. - Este link dá a opção de inserir uma imagem em sua postagem. Inserindo uma imagem na postagem: Existem duas formas de inserir uma imagem na postagem. A primeira é utilizar uma imagem que está no computador, no pendrive, no CD ou DVD. Clique sobre o ícone de inserir imagem. Abrirá a janela abaixo:

Clique em [Selecionar arquivo], como mostra a figura acima. Localize a figura em seu computador ou em mídia removível (CD, DVD ou pendrive). Aguarde até a imagem aparecer. Clique OK. Obs.: Não esqueça de colocar um título para sua publicação. Se desejar, pode escrever em sua postagem juntamente com a imagem. A segunda é utilizar uma imagem que está na Internet. Escolha a imagem que deseja inserir em sua postagem. Obs.: Escolhendo uma imagem na Internet; Entre no [Portal de busca] Google pelo endereço: www.google.com.br No alto da janela, clique em [Imagens]. Escreva o nome da imagem que deseja pesquisar. Seja o mais específico possível. Escolha a imagem que mais lhe agrada e clique sobre ela. Clique em [Imagem em tamanho original], no lado direito da tela. Copie o endereço da imagem, localizado na [Barra de endereços]. Clique sobre o ícone de inserir imagem. Abrirá a janela mostrada a seguir. Clique em [Endereço da web]. Cole o endereço da imagem no campo mostrado na imagem acima. Aguarde até aparecer a imagem e clique OK. Na janela da postagem, aparecerá na parte de baixo da imagem uma tira. Escolha nela o tamanho e o alinhamento da imagem. Obs.: Não esqueça de colocar um título para sua publicação.

Se desejar, pode escrever em sua postagem juntamente com a imagem. - Este link dá a opção de inserir um vídeo em sua postagem. Existem duas formas de inserir um vídeo em sua postagem. Utilizando este ícone, estará inserindo um vídeo armazenado em seu computador. Clicando sobre o ícone, abrirá uma janela: Clique em [Selecionar arquivo] como mostra o modelo. Localize o vídeo em seu computador. Clique em [Fazer Upload]. Aguarde até que o upload seja completado. Quando terminar, clique [Publicar postagem]. Obs.: Não esqueça de colocar um título para sua publicação. Se desejar, pode escrever em sua postagem juntamente com o vídeo. Outra forma de inserir um vídeo em sua postagem, é utilizando a URL diretamente da Internet. Para isto, escolha um vídeo de seu interesse no youtube, no endereço: www.youtube.com.br Escreva o tem desejado para a busca e clique em [Pesquisar] no campo assinalado na imagem:

Logo abaixo do vídeo, clique em [Incorporar]. Aparecerá um endereço grande, já selecionado. Clique sobre ele com o botão direito do mouse e clique [Copiar].

Nesta janela, poderá escolher também o tamanho que o vídeo aparecerá em seu blog e a cor de seu contorno. Como sugestão, mantenha o tamanho 480 X 385. Em [Nova postagem], clique no local de escrever o texto para que o cursor apareça. Clique com o botão direito do mouse e clique [Colar]. Aparecerá o código em HTML do vídeo. Clique [Publicar postagem]. Obs.: Às vezes, após esta ação no lugar do vídeo, aparece somente o código em HTML. Para que isto não apareça, é necessário alterar a configuração do blog de [Editor atualizado] para [Editor antigo]. Para fazer esta alteração, clique na aba [Configurações].

Na aba [Básico], desça até o final da página. Em [Configurações globais], clique em [Editor antigo]. Após esta ação, clique em [Salvar configurações]. Com esta alteração a [Barra de ferramentas] de [postagem] será alterada e ficará assim: Continuaremos mostrando os comandos da [Barra de ferramentas] de [Postagem] na versão atualizada. Depois retornaremos à [Barra de ferramentas] apresentada acima. - Este é o ícone da ferramenta Jump break. Sua função é resumir as postagens mostrando apenas uma parte do post. Este recurso é interessante para postagens longas, deixando a mostra somente uma parte, não carregando demais a primeira página de seu blog. - Neste ícone o alinhamento do texto pode ser escolhido. Clique sobre a setinha ao lado do ícone na [Barra de ferramentas] para que as outras opções sejam mostradas. Antes de escolher a opção do alinhamento de seu texto, não se esqueça de selecioná-lo. - Clicando sobre este ícone, será criada a opção de lista numerada. - Aqui será criada a opção de lista com marcadores. - Esta ferramenta serve para criar o parágrafo para citações. Se em uma postagem, for feita a citação da fala de alguém, é só clicar neste ícone para que o parágrafo torne-se diferenciado. - Esta ferramenta retira toda a formatação do texto. - Verificação ortográfica. Diferença entre as [Barras de ferramentas] da Postagem no editor atualizado e editor antigo: Os comandos são basicamente os mesmos, mudando somente a carinha do ícone. As maiores diferenças estão nos ícones de inserir link, imagem e vídeo. Ao colocar o cursor sobre o ícone sem clicar, aparecerá escrito qual a função da ferramenta por ele representado.

Editor antigo - inserindo link: Para inserir um link, primeiro escreva o texto. Selecione a palavra que deseja linkar. Clicar sobre o ícone. Abrirá a janela abaixo: Copie o link no local mostrado na figura acima. Clique OK. Obs.: Veja os passos de como criar um link no texto referente ao assunto. Editor antigo, inserindo imagem: Ao clicar sobre o ícone, abrirá a janela abaixo: Clique em [Selecionar arquivo]. Localize a imagem dentro do computador. Escolha em [Layout] em qual alinhamento deseja que a imagem seja inserida. Escolha o tamanho da imagem. (Sugestão: utilize sempre tamanho pequeno ou médio) Clique em [Fazer upload da imagem]. Depois que a imagem aparecer na postagem, clique [Publicar postagem]. Obs.: Se a imagem estiver online, copie o endereço da imagem como explicado anteriormente e cole em [URL] mostrado na figura acima e clique em [Fazer upload da imagem]. Editor antigo - inserindo vídeo que está no computador (vídeo feito através da máquina fotográfica, do celular, filmadora, etc): Ao clicar sobre o ícone, abrirá a janela abaixo:

Clique em [Selecionar arquivo] e localize o vídeo dentro do computador. Escreva um título para sua publicação com o vídeo em [Título do vídeo]. Clique em [Concordo com os termos e condições de upload]. Clique [Fazer upload de vídeo]. Aguarde até que o vídeo seja inserido em sua postagem. Depois que o vídeo aparecer na postagem, clique [Publicar postagem]. Postagem Editar postagem É possível editar as postagens feitas, isto é, se depois de feita a postagem quiser apagá-la ou realizar alguma modificação no texto ou em qualquer opção inserida na postagem, clique em [Editar postagem]. Nesta aba, pode-se realizar alguns comandos: Editar Clicando sobre [Editar], abrirá uma janela onde está sua postagem, para que possa ser alterada. Visualizar Sua postagem será visualizada. Excluir Esta opção exclui sua postagem por inteiro. Ao clicar sobre ela, abrirá uma janela perguntando se é isto mesmo que deseja fazer. Clique em [Excluir], se esta for sua opção. Postagem Editar página

Este comando dá a opção de criar várias páginas dentro de seu blog, criando abas como as apresentadas acima. A vantagem das páginas é poder separar os assuntos de postagem. Exemplo: Criar uma página de postagem de vídeos, outra de links interessantes, etc. Para criar páginas em seu blog, clique [Postagem / Editar páginas / Nova página], como mostra o modelo acima. Clicando em [Nova página], abrirá uma janela, igual a janela de [Nova postagem]. Em [Título da página], escreva o nome que aparecerá na aba referente a página criada. No corpo do texto, será a primeira postagem da nova página. A configuração da postagem já foi apresentada neste manual. Após criar a nova página, seu blog ficará assim: Aba da página inicial Nova página criada Comentários: Os comentários feitos em todas as postagens estarão disponíveis nesta aba. Aqui você pode ver todos os comentários ao mesmo tempo, encaminhá-lo como span, excluir ou remover o conteúdo. Se desejar fazer alguma alteração nos comentários recebidos em suas postagens, clique no quadradinho antes do comentário e na opção que desejar, como mostra o modelo abaixo: Configurações: Aqui são encontradas várias opções de configurações de seu blog. Na aba [Básico], existem várias opções de ajuste de seu blog. Leia com atenção e complete

de acordo com seu interesse. Como mostra a figura abaixo, em [Ferramentas do blog], é possível importar ou exportar postagens de outro blog de sua autoria. Pode também excluir o blog atual, se assim o desejar. Em [Título], aparecerá o título do blog que foi criado na sua elaboração. Se quiser alterá-lo, é só apagar o que estiver escrito e escrever outro. Em [Descrição], é o local onde se desejar, pode escrever sobre seu blog, informando o objetivo, a que se destina, etc. Não se esqueça de que ao fazer qualquer alteração, clicar em [Salvar configurações] no final da página. Na aba [Publicação], o endereço que é divulgado para a visitação do seu blog pode ser alterado. Se desejar fazer a alteração do nome de seu blog, siga os três passos a seguir, como mostra a figura abaixo: - 1 - escreva o novo endereço em [Endereço do blog Spot]. - 2 - Copie a palavra que está escrita em [Verificação de palavras] - 3 - Clique em [Salvar configurações].

1 2 3 Obs.: Se o novo endereço já existir, será apresentado um aviso. Neste caso escolha outro endereço, ou retorne ao endereço original. Na aba [Formatação], é interessante alterar somente as informações sobre o [Fuso horário] (escolher GTM-03:00 São Paulo). Se achar necessário, altere os formatos de hora e data. Não se esqueça de clicar em [Salvar configurações] no final da página. Na aba [Comentários], leia todas as opções e altere a que achar mais conveniente. Aqui não é necessário fazer nenhuma alteração. Como sugestão, coloque seu e-mail no campo mostrado pelo modelo abaixo. Assim, cada vez que um comentário for feito em alguma postagem, receberá um e-mail comunicando.

Não faça nenhuma alteração nas abas [Arquivamento / Site Feed / E-mail e celular / Open Id]. Permissões: O blog foi criado por você e só você pode postar, fazer alterações. Na aba [Permissões], outra(s) pessoa(s) pode(m) administrar o blog junto com você. Clique em [Adicionar autores]. Digite o(s) e-mail(s) da(s) pessoa(s) autorizada(s) e clique [Convidar]. Para deixar seu blog público (qualquer pessoa que navegue pela Internet possa visitá-lo) ou privado (podem visitar seu blog somente as pessoas que você convidar ou somente os autores do blog), escolha a opção desejada, clicando de acordo com o modelo acima. Design: Em [Design], são feitas as alterações no visual do blog [Design do modelo] e nas [Gadgets] que podem ser introduzidas. Gadget pode ser definido como pequeno módulo, ferramenta ou serviço que pode ser agregado a um ambiente maior (WIKIPEDIA, 2010). Através do Gadget, você pode colocar no seu blog relógios, calendários, enquetes, slides, contador de páginas, etc. Os gadgets são oferecidos gratuitamente com vários tipos e modelos e são introduzidos através de um código copiado de uma página da Internet.

Para inserir e organizar os gadgets, clique na aba [Design / Elementos da página]. Abrirá a janela: Escolha um local onde deseja inserir um gadget e clique em [Adicionar um Gadget]. Abrirá uma janela com 23 opções de gadgets para serem inseridos. Exemplo 2 Exemplo 1

Exemplo 1: Ao escolher inserir um texto que pode ser de boas vindas ao seu blog, ou um explicativo sobre seu blog, clique no item assinalado acima. Abrirá a janela abaixo: Em [Título], escreva um título para seu gadget. Em [Comentário], escreva o texto com os dados que desejar sobre seu blog. Ao terminar, clique em [Salvar]. Para visualizar como ficou seu gadget, clique em [Visualizar] no alto da página na aba [Design / Elementos da página]. Exemplo 2: Para inserir um gadget da Internet, clique em [HTML / JavaScript]. Como

exemplo será inserido um calendário com relógio. 1º passo: clique no item assinalado no modelo acima marcado como exemplo 2. Abrirá a janela abaixo: 2º passo: Escolha um modelo de relógio através de sites específicos. Para buscar estes sites, entre no Google (http://www.google.com.br) e escreva na [Barra de pesquisa] relógio para blog. Surgirão vários sites com inúmeros modelos de relógios para blog. Uma outra sugestão, são os gadgets do Google, encontrados http://www.google.com/ig/directory?synd=open Entrando no endereço acima, terá a página como mostra o modelo: 3º passo: Clique em [Ferramentas], como mostra na imagem acima. Abrirá a janela: no endereço:

Clique sobre o relógio com calendário, marcado na imagem acima. 4º passo: Abrirá a janela: Clique em [Adicionar à sua página da web]. Abrirá a janela:

Aqui, configure seu relógio escolhendo o título, a borda, cor de fundo, início da semana, idioma. Ao terminar, se quiser ver como ficou, clique em [Visualizar alterações]. 5º passo: Clique em [Obter código].

Abrirá assim: Selecione e copie o código mostrado na imagem acima. 6º passo: Volte para a janela de gadgets de seu blog. Cole o código. Se desejar coloque um título. Aqui não é necessário. Clique em [Salvar]. Clique em [Visualizar blog] para ver como ficou. Obs.: Se quiser excluir o gadget inserido, entre na aba [Design / Elementos da página].

Clique sobre o gadget inserido. Clique em [Excluir] na janela que abrirá. Confirme a exclusão. Siga os mesmos passos para inserir novos gadgets. Outra opção de alimentar seu blog é criar uma lista de links interessantes que deseja divulgar em seu blog. Para criá-la, clique em [Editar] em Lista de links. Abrirá a janela: Coloque um título para sua lista de links. Clique em [Classificar] e escolha a opção que desejar. Em [Novo URL do site], copie o endereço do site que deseja divulgar em seu blog. Exemplo: www.campinas.sp.gov.br Em [Novo nome do site], escreva um nome sobre o que representa o site que quer divulgar. Exemplo: Portal de Campinas.

Se desejar colocar mais links, clique em [Adicionar link]. Ao terminar, clique [Salvar]. Designer do modelo: Este comando dá a oportunidade de mudar todo o visual do blog. Clique na aba [Design / Designer do modelo]. Abrirá uma janela com o layout escolhido quando o blog foi montado. Terá seis modelos de fundos e algumas opções de cores. Clique sobre [Plano de fundo] como mostra o modelo acima. Clique em [Imagem de plano de fundo] para obter mais opções de fundos para seu blog. Abrirá a janela: Navegue pelas opções no canto esquerdo da janela. Para cada opção, abrirão vários modelos. Para visualizar como o blog ficará com cada modelo, clique sobre ele e clique em [Concluído]. Se desejar, escolha outro fundo até achar um que goste. Clique em [Layout], no lado esquerdo da janela.

Neste comando, poderá escolher o local onde ficarão as postagens, os gadgets. Clique em [Avançado], no lado esquerdo da janela. Neste comando, poderá escolher o cor e a fonte de cada parte de seu blog. Após terminar de realizar todas as alterações em seu blog, clique em [Aplicar ao blog], localizado no canto superior direito da janela e depois em [Voltar para o Blogger]. Se quiser ver como ficou, clique em [Visualizar blog]. Não há necessidade de realizar alterações nas abas [Gerar receita e estatísticas]. Agora seu blog já está configurado e com gadgets. Para acessar seu blog novamente, abra seu navegador de Internet. Na [Barra de endereços], escreva www.blogger.com Escreva seu e-mail do Google e sua senha.

Abrirá a janela com seu(s) blog(s): Escolha o blog que deseja postar, clique em [Nova postagem] ou no comando que quiser realizar. Agora é só alimentar seu blog e deixá-lo bem bonito. Significado de siglas e termos: Design É a cara do blog, com sua formatação, estilo, cores, etc. Download - O processo de captura de informações pela cópia de arquivos localizados em computadores distantes por seu próprio computador local através da Internet. Gadget - Pequeno módulo, ferramenta ou serviço que pode ser agregado a um ambiente maior HTML Hiper Text Markup Linguage (Linguagem de Marcação de Hipertexto). Java Script Pequeno programa que roda dentro dos navegadores, executado na própria máquina do usuário que permite a interação ao se visitar uma página. Esta linguagem de programa é necessário para que as páginas sejam mais interativas. Layout Visual de uma página. Link / Linkar É um objeto, sendo um texto ou uma figura, capaz de tranferir o usuário para outro documento ou página atravéz de um clique. Significa ligação. Navegador Programa que permite visualizar as páginas da Internet. Exemplo: Internet Explorer, Mozilla Firefox, Google Chrome, etc. Postagem / post Ato de inserir um texto em uma página. Aqui seria ato de inserir informações no blog.

Spam Arquivo com mensagem não solicitado enviado para muitos e-mail ao mesmo tempo. Pode ser enviado também para blogs, twitter e outros meios de postagem. Upload O inverso de download, isto é, enviar arquivo, imagem, de um computador para outro através da Internet. URL Unikue Resource Locator (Endereço localizador único). Endereço de Internet. Ex: http://www WEB World Wide Web (Teia de alcance mundial). É a parte da Internet onde é realizada a navegação. Youtube Portal de armazenamento de vídeos. Referências: DB DICAS BLOGGER. Jump Break o hack Leia mais do Blogger. Publicado em 10 de setembro de 2009. Disponível em: http://www.dicasblogger.com.br/2009/09/jump-break-o- leia-mais-do-blogger.html Glossário de Internet: http://pt.wikipedia.org/wiki/gadget www.escolanet.com.br/dicionario/dicionario_d.html http://www.dicionarioinformal.com.br/buscar.php?palavra=link