Blogger 131210193432-phpapp01

44
Professor: Miguel Jorge Neto Mestrandas: Mary Carneiro e Juliana Capanema UNIVERSIDADE FEDERAL DE MATO GROSSO CAMPUS UNIVERSITÁRIO DE CUIABÁ INSTITUTO DE FÍSICA PROGRAMA DE POS GRADUAÇÃO EM ENSINO DE CIÊNCIAS NATURAIS TICs-Tecnologias de Informação e Comunicação

Transcript of Blogger 131210193432-phpapp01

Page 1: Blogger 131210193432-phpapp01

Professor: Miguel Jorge Neto

Mestrandas: Mary Carneiro e Juliana Capanema

UNIVERSIDADE FEDERAL DE MATO GROSSO

CAMPUS UNIVERSITÁRIO DE CUIABÁ

INSTITUTO DE FÍSICA

PROGRAMA DE POS GRADUAÇÃO EM ENSINO DE CIÊNCIAS NATURAIS

TICs-Tecnologias

de Informação e

Comunicação

Page 2: Blogger 131210193432-phpapp01

Blogger, é um serviço do Google, que oferece

ferramentas para edição e gerenciamento de blogs.Indicado para usuários que nunca tenham criado umblog, ou que não tenham muito familiaridade com atecnologia.

Permite a hospedagem de um número ilimitado de blogsnos servidores do Google, que adotam o endereço.blogspot.com.

Page 3: Blogger 131210193432-phpapp01

O Blogger permite que você atualize seus blogs de um

jeito fácil e simples, sem se preocupar com instalação deprogramas, códigos ou scripts. Ele dá total controle sobreo conteúdo e o visual de seus blogs e ainda permite quevocê faça tudo isso de qualquer lugar do planeta, atravésda Internet.

Tecnicamente, ao invés de editar manualmente suaspáginas web e fazer o upload delas para o local em queestão hospedadas, você utiliza o Blogger em seunavegador e, através de uma interface amigável, atualizainstantaneamente o conteúdo de seu blog.

O que o Blogger faz?

Page 4: Blogger 131210193432-phpapp01

É simples: você utiliza um formato pronto disponível da biblioteca deestilos ou fornece ao Blogger o formato básico de sua página ou site.Depois, é só inserir e publicar o conteúdo utilizando o Blogger e usandoos botões de comando. Pronto, sua página está atualizada! Sempre quevocê quiser adicionar novidades, notícias ou qualquer outro conteúdoao seu blog ou site, basta escrever no Blogger e publicar.

Se você é um usuário avançado, poderá utilizar as funcionalidades doBlogger em seu site ao lado de scripts, includes, ferramentas Java ediversas outras possibilidades. É possível utilizá-lo até como um"include" em alguma área de seu site. E se você não entende nadadisso, nem se preocupe em saber do que se trata: o Blogger é simplespara quem quer simplicidade e extremamente poderoso para quemdeseja ir mais fundo.

Como o Blogger funciona?

Page 5: Blogger 131210193432-phpapp01
Page 6: Blogger 131210193432-phpapp01

1. Acesse ao site: www.blogger.com;2. Caso você tenha uma conta Google (Gmail, Orkut, Youtube...) é só colocar o e-mail de sua conta Google no Login e a senha é a mesma da sua conta, caso nãotenha, segue o passo seguinte;

3. Clique no botão “Iniciar” para efetuar seu cadastro no Blogger;

1

2

3

Page 7: Blogger 131210193432-phpapp01

1. Agora, digite um título para seu Blog. O título do seu blog será exibidono seu blog publicado, no seu painel e no seu perfil;

2. Escolha a URL/Endereço de seu Blog (procure colocar um nome queestará de acordo com o que será abordado;

3. Clique em “CONTINUAR”.

1

2

3

Page 8: Blogger 131210193432-phpapp01

1. Digite qualquer e-mail paraefetuar o seu cadastro;

2. Escolha uma senha que sejafácil de se lembrar;

3. Escolha o nome a ser exibidoem seu Blog. Por exemplo: onome da UOL que aparece nabarra de endereços;

4. Após preencher ocadastro, clique em“CONTINUAR”.

1

2

3

4

Page 9: Blogger 131210193432-phpapp01

1

2

1. Escolha um modelo de Design que melhor se adeque ao tema que seráabordado. Sugestão que damos, escolha o modelo “Simples” para vocêconfigurar e depois escolha um outro modelo que lhe agrade;

2. Clique em “CONTINUAR”.

Page 10: Blogger 131210193432-phpapp01

1. Ele pedirá para você autorizar o cadastro em seu e-mail;2. É só clicar em “Concordo”;3. Agora é só retornar ao Blog.

1

2

Page 11: Blogger 131210193432-phpapp01

1. Clique na guia “Configurações”.Pelo fato de ser a primeira vez deuso, ele abrirá já na sub-guia“Básico”;

2. Ferramentas do Blog: Você podeimportar postagens e comentáriosde um blog exportadoanteriormente do Blogger, exportaresse blog ou excluí-lodefinitivamente.

3. Título: Neste você colocará o nomeque deverá ser exibido no topo deseu Blog;

4. Descrição: Fale um pouco sobre seuBlog. Este campo é importante parainformar aos seus visitantes, do quese trata o Blog;

5. Adicionar seu Blog às nossaslistagens?”: Um Blog listado podeestar vinculado aoBlogger.com, como página inicialdo Blogger e a Próximo blog. Sevocê selecionar "Não", o seu blognão aparecerá nesses lugares, mascontinuará disponível na Internet.Esse blog continuará sendo exibidono seu perfil, exceto se você optarpor ocultá-lo.

5

2

3

4

Page 12: Blogger 131210193432-phpapp01

7. “Mostrar Edição rápida em seu blog?”:Depois de efetuar login no Blogger, edite aspostagens de seu blog com um clique. Estaferramenta optamos por “Não”pois, esteticamente, as ferramentasatrapalham a visão do conteúdo;

8. “Exibir o link Enviar esta postagem?”: Oslinks Enviar esta postagem permitem queseus leitores enviem um email da suapostagem para amigos. Como não é demuito uso, aconselhamos a deixardesabilitada esta opção, selecionando aopção “Não”.

9. ID de propriedade na web do GoogleAnalytics: Adicione o Google Analytics aseu blog para ver como os visitantesinteragem com seu site. Adicione seu ID depropriedade da web do Google Analyticspara começar a acompanhar seu blog. Estaconfiguração é específica para os modelosde Visualizações dinâmicas e Layout. Seseu blog está usando um modeloClássico, é necessário adicioná-lomanualmente a seu modelo.

10. “Conteúdo adulto?”: Se Sim estiverselecionado, os visitantes do seu blog verãouma mensagem de aviso e serão solicitadosa confirmar se desejam continuar no seublog. Em nosso caso, a opção é não.

6

7

8

9

6. Permitir que mecanismos de pesquisalocalizem seu blog?: Se você selecionar"Sim", nós incluiremos o seu blog na Pesquisade blogs do Google e no Weblogs.com comping. Se você selecionar "Não", todos aindapoderão visualizar o seu blog, mas osmecanismos de pesquisa serão instruídos a nãorastreá-lo. Se houver links para o seu blog emoutros sites, os mecanismos de pesquisa aindapoderão sugerir o seu blog em resposta aconsultas.

10

10

Page 13: Blogger 131210193432-phpapp01

11. Selecionar editor de postagem: Selecione a primeira opção, “Editoratualizado”, pois ela traz ferramentas úteis para as postagens;

12. “Ativar transliteração?”: Adiciona à barra de ferramentas um botão quepermite converter palavras do inglês no idioma selecionado. (Mais tarde, vocêpoderá alterar o idioma no Editor de postagem.). Suas correções detransliteração serão salvas para ajudar o Google a melhorar a ferramenta;

13. Clique no botão “SALVAR CONFIGURAÇÕES”.

11

12

13

Page 14: Blogger 131210193432-phpapp01

1. Mostrar no máximo: Se Dias estiverselecionado, um limite de até 500postagens será aplicado. É aconselhado ausar de 2 a 3 postagens para leitores de4 a 6 anos. Já para leitores de 7 anos eacima , podemos usar 7 postagens;

2. Formato da data: Este é o formato emque a data será exibida acima de suaspostagens.

3. Formato da data no índice do arquivo:É assim que os links de arquivo da suabarra lateral serão exibidos;

4. Formato da data e hora: Escolha amelhor opção de formatação de datapara você;

5. Fuso horário: Escolha a opção “(GMT: -3:00) São Paulo” para que o relógio doBlog funcione em conjunto com o seu.

6. Idioma: Corresponde ao “seu” idiomafalado.

7. Converter quebras de linha: Se a opçãoSim for selecionada, retornos de linhaindividuais inseridos no Editor depostagem serão substituídos por tags<br /> individuais em seu blog eretornos de linha duplos serãosubstituídos por duas tags (<br /><br/>).,

1

2

3

4

5

6

7

Page 15: Blogger 131210193432-phpapp01

1. Mostrar imagens com a Lightbox:Quando esta configuração estiverselecionada, suas imagens serão abertasem sobreposição a seu blog. Se suapostagem possuir várias imagens, elasserão exibidas como miniaturas na parteinferior da tela.

2. Mostrar título: Exibirá o campo “Título”de sua postagem, onde você poderápreencher o título da mesma.

3. Exibir campos de link: Adiciona aopção que inclui um URL relacionado elinks de compartimento de podcast comcada uma de suas postagens.

4. Habilitar alinhamento flutuante:Permite opções de alinhamento deimagem e texto com a tag <divclear:both>. (Escolha "Não" se tiverproblemas de layout de postagens.)

5. Modelo de postagem: Os modelos depostagem formatam previamente oeditor de postagens com o texto ou ocódigo que será exibido sempre que vocêcriar uma nova postagem.

6. Clique no botão “SALVARCONFIGURAÇÕES”.

1

2

3

4

5

6

Page 16: Blogger 131210193432-phpapp01

1. Comentários: Selecionar "Ocultar" nãoexclui os comentários existentes – você podemostrá-los a qualquer momentoselecionando "Mostrar" novamente. Devidoa isso, deixemos na opção “Mostrar”;

2. “Quem pode comentar?”: Selecione aopção “Qualquer um - inclui usuáriosanônimos”, pois esta opção permite que osalunos participem das atividades mesmonão tendo um Blog delas;

3. Posição do formulário de comentários: Nocaso selecione a opção “Postagem abaixoincorporada”. O formulário paracomentários incorporado não poderá serusado se a opção Páginas de postagemestiver desativada;

4. Padrão de comentários para posts: Estaopção não é necessária alterações, podemdeixar a de sugestão do Blogger;

5. Backlinks: Selecionar "Ocultar" não apagaos backlinks. Para voltar a exibi-los, bastaselecionar "Exibir". Para o que iremosutilizar, não é necessário o uso destaferramenta;

6. Padrão de backlinks para posts: Como nãoiremos usá-los, não se preocupe com estaferramenta.

1

2

3

4

5

6

Page 17: Blogger 131210193432-phpapp01

1. Formato da data e hora dos comentários: Estaopção é a sua preferência de como será exibida adata nos comentários que serão realizados emsuas postagens;

2. Mensagem do formulário de comentário: Nestaopção, a mensagem que colocar na caixa detexto, será exibida no formulário de comentáriode seu Blog. Não é indicado colocar, mas fica aseu critério. Você pode, também, usar algumastags HTML, como <b>, <i>, <a>;

3. Moderação de comentários: Você pode decidirse quer moderar os comentários "Sempre", "Àsvezes" ou "Nunca". Se selecionar "Sempre", vocêterá a opção de inserir um endereço de e-mail noqual pode receber notificações sobre oscomentários existentes aguardando moderação.Se selecionar "Às vezes", você deve especificarhá quantos dias a postagem deve ter sidopublicada antes de precisar ser moderada. "Àsvezes" é uma boa opção para os bloggers quequerem ter certeza que os comentários em todasas postagens sejam recentes e originais e que asconversas ou os debates de postagens antigasnão sejam retomados repentinamente.

1

2

3

Page 18: Blogger 131210193432-phpapp01

1. “Exibir uma confirmação depalavras para os comentários?”: Issoobrigará as pessoas que deixamcomentários no seu blog a realizaruma etapa da verificação depalavras, o que ajudará a reduzir ospam de comentários;

2. “Mostrar imagens de perfil nos

comentários?”: Esta opção fica acritério do usuário, se quiser que umafoto sua apareça em seu Blog etambém nos comentários que vocêfizer em outros Blogs;

3. E-mail de notificação decomentários: Você pode inserir atédez endereços de e-mail, separadospor vírgulas. Enviaremos e-mailspara esses endereços quando alguémdeixar um comentário no seu blog.

4. Clique no botão “SALVARCONFIGURAÇÕES”.

1

2

3

4

Page 19: Blogger 131210193432-phpapp01

1. Autores do blog: É possível adicionar mais pessoas para postar em seuBlog. O blog pode ter até 100 autores.

2. Leitores do blog: Seu blog é público por padrão. Você pode restringirseu blog aos leitores que escolher. No entanto, esses leitores precisarãoefetuar login antes de ler o seu blog, adicionando, assim, uma etapa aoprocesso.

1

2

Page 20: Blogger 131210193432-phpapp01

1

2

3

1. Elementos da página: Vá emDesign, clique sobre o botão“Elementos de página”Agora, para mover oselementos, basta clicar em cimado elemento que desejamover, arrastá-lo e soltá-lo ondequiser (Observação: você podemover todos os elementos comexceção da Navbar, postagens edo cabeçalho em algunsmodelos).

2. Seguidores: Vá para a guiaDesign| Elementos da páginado seu blog: Clique no link"Adicionar umgadget", localizado na barralateral do seu layout. Uma janelapop-up será exibida com todosos diferentes tipos de gadgetsque você pode adicionar ao blog.Procure "Seguidores" e clique noícone "+" azul: clique no botãolaranja "Salvar".

4

3. Arquivo do blog: Para alterar aconfiguração, clique em Editar|Frequência de arquivamento, selecionemensal, semanal ou diariamente.

4. Quem sou eu: Clicar em editar e descreverinformações pessoais.

Page 21: Blogger 131210193432-phpapp01

1. Modelos:. Para obter o Designer de modelo, clique em Design | Designer domodelo. Para acessar o Designer de modelo na interface atualizada, clique nomenu suspenso ao lado do ícone cinza "Visualizar postagens" e selecioneModelo. A partir desse menu, você pode escolher e personalizar seu modelo.

1

Page 22: Blogger 131210193432-phpapp01

1. Plano de fundo: Para começar a personalizar o seu plano de fundo, clique naminiatura em Imagem de plano de fundo.

2. Um dos novos recursos do Designer de modelo permite alterar a cor da suaimagem de plano de fundo. Isso é possível quando essa imagem temtransparência. Um plano de fundo transparente possui um quadriculado nocanto superior direito da imagem.

1

2

Page 23: Blogger 131210193432-phpapp01

1. Ajustar Larguras: Você pode ajustar a largura do blog e as colunas da esquerdae da direita arrastando o controle deslizante para diferentes partes do layout.Se, por exemplo, você escolher um layout com colunas dos dois lados, você verácontroles deslizantes à esquerda e à direita. Se você escolher um blog comapenas uma coluna à esquerda, somente essa opção será exibida aqui.

1

Page 24: Blogger 131210193432-phpapp01

1. Layout: É possível escolher várias opções de layout para o seu blog, com até trêscolunas. Esses layouts permitem arrastar e soltar gadgets na página. Também hávárias opções de layout para o rodapé do blog. O Designer de modelo do Bloggernão permite adicionar, remover ou editar gadgets. Para fazer isso, use a guia geralLayout.

1

Page 25: Blogger 131210193432-phpapp01

1. Avançado: Modifica a cor do Texto da página, Planos de fundo, Links,Título do blog, Descrição do blog, Texto das guias, Plano de fundo dasguias, Cabeçalho de data, Título da postagem, Plano de fundo da postagem,Cor do título do gadget e Plano de fundo da barra lateral.

1

Page 26: Blogger 131210193432-phpapp01

1. Nova postagem: Comeceatribuindo um título para apostagem.

2. Escrever: Digite a postagempropriamente dita: Quandoterminar, clique no botãoVisualizar, na parte superior.

3. Inserir Imagem: Clique no “íconede imagem” na barra deferramentas do "Editor depostagem".

1 2 3

Page 27: Blogger 131210193432-phpapp01

1. Fazer upload: Clique em escolher arquivos, será exibida uma janela solicitandoque você procure um arquivo de imagem no seu computador ou digite o URLde uma imagem da web.

1

Page 28: Blogger 131210193432-phpapp01

1

1. Você pode selecionar uma ou várias imagens, agora clique em “Adicionarselecionadas”.

Page 29: Blogger 131210193432-phpapp01

1

1. Você poderá escolher um layout para determinar como ela aparecerá na suapostagem: As opções "Esquerda", "Centralizar" e "Direita" permitempersonalizar a maneira como o texto do seu blog será posicionado ao redorda imagem.A opção "Tamanho da imagem" determinará qual será o tamanho daimagem na sua postagem.

Page 30: Blogger 131210193432-phpapp01

2

1. Opções de Postagem/Comentários dosleitores: Para ativar oscomentários dosleitores selecione aopção permitir.

2. Data e hora dapostagem: SelecioneProgramado em, paraescolher a data e ahora em umcalendário parapublicação automáticada postagem.

1

Page 31: Blogger 131210193432-phpapp01

1. Comoincorporarvídeos doYouTube: Nosite doYoutube, cliqueno botão"Compartilhar"embaixo dovídeo.

1

Page 32: Blogger 131210193432-phpapp01

1. Clique em "Incorporar" para ver o código incorporado.

1

Page 33: Blogger 131210193432-phpapp01

1. Copie o código

1

Page 34: Blogger 131210193432-phpapp01

1. Cole-o na guia

1

Page 35: Blogger 131210193432-phpapp01

1

1. "Editar HTML" de seu blog (e não na guia "Escrever").

Page 36: Blogger 131210193432-phpapp01

1

1. Marcadores: Quando estiver escrevendo uma postagem, você verá umaárea na parte inferior do formulário chamada "Marcadores". Insira osmarcadores que desejar, separando-os por vírgulas. Você também podeclicar no link "mostrar tudo" para exibir uma lista de marcadores usadosanteriormente.

2. Retornar à lista de postagens

2

Page 37: Blogger 131210193432-phpapp01

1. Ações de Marcador: Esse menu contém opções para adicionar qualquer deseus marcadores às postagens selecionadas, bem como removermarcadores que já estão nas postagens. Você pode também selecionar"Novo marcador..." se desejar criar um marcador que ainda não tem. Sevocê desejar editar um marcador em todas as postagens, é possível fazerisso removendo-o e adicionando um novo.

1

Exemplo: alterar o marcador "Livros" para "Leitura".Clique no link do marcador "Livros" no ladoesquerdo da página. Clique no link "Selecionartodos" na parte superior da lista de postagens. Nomenu "Ações de marcador...", selecione "Removermarcador > Livros". No menu "Ações demarcador...", selecione "Aplicar marcador > Novomarcador...“ Insira "Leitura" como seu novomarcador. (Se já tiver algumas postagens com omarcador "Leitura", você poderá simplesmenteaplicar esse marcador, sem criar um novo.)

Page 38: Blogger 131210193432-phpapp01

1

1. Editar postagens: Ainda no Painel de Postagens você verá o link EditarPostagens. Clicando neste link você será levado à uma lista com todas as suaspostagens, publicadas ou não (rascunho) e será possível modificar seus textos àpartir daí. Basta clicar em Editar ao lado da postagem que deseja alterar e fazersuas modificações, publicando normalmente.

Page 39: Blogger 131210193432-phpapp01

1. Postar comentário : Clique no final de cada postagem no link“comentários”.

O Comentário no blog permite aosleitores interagir com o autor doblog, permitindo-lhes concordar oudiscordar do mesmo, deixandoregistrado os seus pontos de vista arespeito do assunto publicado.Além, também, de servir de retornoao autor sobre o que ele vempublicando em seu blog (feedback).

1

Page 40: Blogger 131210193432-phpapp01

1. Aparecerá uma nova janela: o campo de comentários. Em “Digiteseu comentário ... Escreva a sua opinião e clique em visualizar, EmComentar como selecione Conta do Google você será direcionadopara seu login, selecione Publicar.

Se você inseriu um endereço de e-mail para moderação, receberáuma mensagem para cada comentário contendo os links "Publicar" e"Rejeitar", além do link para a página principal de moderação doblog. Os links fornecidos solicitarão que você faça login em suaConta do Google, se ainda não estiver conectado.

1

Page 41: Blogger 131210193432-phpapp01

1. Nova Página: Para criar uma página, clique em Editar páginas eselecione Nova página. É possível criar até 20 páginas.

Quando uma página é criada ela não entra junto com os arquivos depostagem do seu blog, não aparece data, comentários, marcadores enenhuma outra coisa relacionada a postagens.

1

Page 42: Blogger 131210193432-phpapp01

1

1. Título da página: Coloque o título da página e escreva o conteúdo da página.Clique em “Opções de postagem” e escolha se quer ou não permitircomentários na página criada. Depois clique em “Publicar página”.

Page 43: Blogger 131210193432-phpapp01

1. Após clicar em Publicar você deverá escolher onde deseja exibir ogadget de páginas: na sidebar ou abaixo do cabeçalho:

1

Page 44: Blogger 131210193432-phpapp01

1

1. Estão prontas as “Novas Páginas" do seu Blog!