Teste Slide

Esta Postagem é para mostrar como se insere Slide no Blogspot  Oficinas de informática Escola Xanxerê

View more presentations from guestba2b25

Slide no Blog!

Oficina construir blog

View more presentations from Raphael Macieira

Sétimo Tutorial - Inserindo Slide no Blog

PARA MELHOR VISUALIZAÇÃO DAS IMAGENS, CLIQUEM NELAS PARA VÊ-LAS EM SEU TAMANHO ORIGINAL

 
O Blogger possui um GadGet proprio para por slides, que é o Apresentação de Slides, mas esse slide é apenas para com fotos. Para podermos utilizar esse recurso precisaremos ter um album de fotos na web. Como estamos utilizando o Blogger que é da Google usaremos o Picasa, que também é um seviço da Google, logo não precisará fazer cadastro, evitando qualquer confusão na hora do cadastro. Para acessar o Picasa CLIQUE AQUI

1 - Para que você possa expor as fotos em slides você precisa criar um álbum, para isso você clicará no botão UPLOAD, na parte superior da página, bem ao centro (como na imagem abaixo);

2 - Depois de clicar em Upload abrirá uma janela onde você deverá por o nome do seu álbum e selecionar as fotos:

3 - Depois que as imagens carregarem você clica em Ok, então esse álbum aparecerá na página inicial do seu picasa
4 - Olhe a permissão do seu álbum, caso esteja privado você deve mudar para publico, para que quando formos usá-lo as pessoas possam ver;

Obs.:  Observe que os 3 primeiros álbuns estão com um cadeado detalhado em vermelho, e os dois últimos estão com um planeta. O cadeado quer dizer PRIVADO, e o mundo quer dizer PUBLICO. Para que você possa por slide no seu álbum você deve deixar o álbum publico.
      Para isso você:
          4.1 Clicará no álbum;
          4.2 Quando você estiver no álbum, observe que do lado direito da tela terá uma observação "Somente você (editar)". Clique em EDITAR

          4.3 Após clicar em EDITAR, abrirá uma tela com as permissões, escolha a publica e clique em Salvar Alterações:

5 - Após isso vá no lado direito da tela, onde tem uma foto de perfil, onde tiver fotos você clica com o botão direito nela, clica em copiar link

6 - Vá na página de Design, adicione um novo GadGet do tipo Apresentação de Slides
7 - Façam as seguintes escolhas:
       Título: do seu GadGet/Slide,
       Origem do Álbum: Picasa
       Opção: Álbum
       Nome do Usuário: nesse momento você vai colar aquele link que você copiou do Fotos  do Picasa e apagar "https://picasaweb.google.com" deixando apenas o que o identifique, na maioria das vezes são vários números

 Obs.: Observem que depois que vocês copiarem aqueles numero (que é o seu usuário), na opção ÁLBUM aparecerão todos os álbuns PÚBLICOS, por isso a importância do seu álbum ficar publico.


       Álbum: quando você colocar seu usuário aparecerão todos os álbuns PÚBLICOS disponíveis. Procure o seu e escolha.
      Velocidade: velocidade em que as fotos passam, isso é opção de cada um.

Depois de ter feito esse processo seu slide estará ponto! Espero que tenham entendido e até mais.

Sexto Tutorial - Inserindo Banner

PARA MELHOR VISUALIZAÇÃO DAS IMAGENS, CLIQUEM NELAS PARA VÊ-LAS EM SEU TAMANHO ORIGINAL

Inserir um banner também é super simlpes, sigam os passos:

1 - Vá em Design, você têm diversas maneiras para acessar a página de Design
       1.1 - Do painel:

       1.2 - Do seu próprio blog, na parte superior da tela:

       1.3 - Saindo do campo de postagem:

2 - Após vocês clicarem em Design, vai aparecer uma tela como a de baixo. Vocês podem perceber que essa página nos mostra a forma que está organizada as nossas barras para postagens e gadgets. No início, abaixo de NavBar, tem um GadGet que provavelmente estárá com o nome do blog de vocês. Cliquem em EDITAR;

3 - Quando você clicar em editar abrirá uma tela do GadGet com:

Título do Blog:o título do seu blog;

Descrição do Blog: descrição do seu blog

Imagem:  - do seu computador (caso a imagem esteja no seu computador)

                 - da web (caso você esteja tirando-a da internet nesse caso usa-se a URL da imagem)

4 - Quando você escolhe e faz o upload da imagem, você tem três opções:

      - Por trás do título e descrição: sua imagem (banner) ficará por trás do titulo e descrição do blog;

      - Em vez da descrição e titulo: O banner substitui o título e a descrição, aparecendo somente ele;

      - Inserir a descrição depois da imagem: Nesse caso ficará apenas o banner e a descrição do blog.

5 - Após escolher a opção da Imagem clique em Salvar.

Bem, para inserir o banner, é dessa maneira, muito simples e bem autoexplicativo. Espero que tenham entendido.

Quinto Tutorial - Inserindo um Calendário

Eu acredito que o Calendário seja a atividade mais facil de se realizar, então vamos para o passo a passo. O site que irei usar é o mesmo que usamos quando realizamos a atividade no laboratório, mas como eu falei, na internet há infinidades de sites que disponibilizam o código de calendarios para vocês.

1 - Primeiramente acesse o site de calendários, no meu caso, acessarei o Magia Gifs;
2 - Visualize todos os calendários, e escolha o que mais lhe agradar;
3 - Observe que abaixo da imagem do seu calendário, há uma caixa com códigos (imagem abaixo)

4 - Copie o código que está dentro da caixinha, como mostra a imagem acima;
5 - Adicione um novo GadGet do tipo HTML/JavaScript
6 - Cole o código que você copiou, e Salve

Bem, como disse, esse é um dos tutoriais mais faceis de fazer. Espero que esteja de bom entendimento. Até mais!

Quarto Tutorial - Alterando Configurações de Cores do Cbox

PARA MELHOR VISUALIZAÇÃO DAS IMAGENS, CLIQUEM NELAS PARA VÊ-LAS EM SEU TAMANHO ORIGINAL

Bem, agora eu vou ensinar como você editarem as cores da caixa do Cbox. É um tutorial peqeno, mas eu resolvi pô-lo em uma nova postagem por uma questão de estética de postagem, para que a postagem antiga nao fique grande demais. Então vamos lá!

1 - Para alterar as cores do Cbox você deveria clicar no menu Look & Feel e depois em Colours & Fonts;

2 - Após seguir os passos do item 1 vocês se deparão com a seguinte tela:

3 - Todas as alterações de cores podem ser feita nessa parte do Cbox. Para essa paleta de cores à direita, veja a proxima imagem e entenda como funciona;

4 - Para alterar as cores é simples. Peguemos como referencia a imagem acima:
          - Primeiramente você passa o mouse pela paleta de cores até achar a cor desejada;
          - Quando encontrar dê um clique com o botão esquedo nela;
          - Automaticamente a cor irá para o item 1 da imagem acima,
          - Após isso é có copiar o código dela (SEM O #) e colar onde você quer essa cor.

5 - Após fazerem todas as alterações, cliquem em APLY;

6 - Depois cliquem em Publish, no menu (como a foto abaixo);

7 - Depois que carregar a página Publish, vocês descam a barra de rolagem e verão uns códigos(proxima imagem), copiem esse código e adicionem em um novo GadGet do tipo HTML/JavaScript.

É isso! não vou explicar o que cada campo faz, isso é uma questão de curiosidade,dedicação e vontade!

Até amanhã com nosso proximo tutorial! Abraços

Terceiro Tutorial - Criando uma caixa de diálogo (Chat) com Cbox

PARA MELHOR VISUALIZAÇÃO DAS IMAGENS, CLIQUEM NELAS PARA VÊ-LAS EM SEU TAMANHO ORIGINAL

Olá pessoal! O nosso tutorial de hoje será a insersão do Chat no nosso blog!

1 - Primeiramente você acessarão o site para criarmos a caixinha de chat, ou melhor, o site que criará a caixinha de chat para nós Clicando Aqui!

2 -

3 - 
4 - Após seguir os passos da imagem acima para fazer o cadastro, logue com o seu usuário e sua senha (as do cadastro), e logo em seguida aparecerá a seguinte tela:

5 - Como vocês podem ver, tem a parte de dados cadastrais que vocês podem alterar, assim como do lado direito (da imagem) vocês podem visualzar como está o "design".
6 - Caso vocês estejam satisfeito, cliquem em Publish, no menu (como a foto abaixo);

7 - Depois que carregar a página Publish, vocês descam a barra de rolagem e verão uns códigos(proxima imagem), copiem esse código e adicionem em um novo GadGet do tipo HTML/JavaScript.