PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

08/09/2014

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Slideshow para o seu blog ou site

No artigo “Como criar um slideshow para o seu blog sem necessidade de programação“ mostramos um aplicativo bem bacana para você criar um slideshow para o seu blog a partir de links externos (imagens e fotos já publicadas na web).

O que é um slideshow?

Slideshow é uma exibição de uma série de imagens escolhidas, feito para fins artísticos ou instrucionais. As imagens são apresentadas sequencialmente de acordo com a ordem e duração definidas pelo seu criador.

Neste artigo, vamos mostrar um outro aplicativo bem legal também e mais fácil de se utilizar. Basta fazer o upload das fotos/imagens  e o aplicativo se encarregará com o resto. Não é preciso se cadastrar no site para criar o seu slideshow.

Criando um slideshow – upload de imagens

Acesse o site: http://mypicpals.com

Clique em [Create Slideshow].

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

1)  Adicionando Imagens / Fotos

Clique no botão [Click Here to Upload your photos] ou em [Add Pics] no menu superior.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Selecione as imagens que você deseja colocar no seu slideshow e clique em [Abrir], se estiver utilizando o Windows. Utilize as teclas [CTRL] ou [Shift] para selecionar mais que uma imagem.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Aguarde alguns instantes e veja as imagens já inseridas no aplicativo.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Observe que o slideshow funciona em tempo real no aplicativo, ou seja, qualquer alteração você verificará online.

Para adicionar mais imagens, clique [Add Pics] e repita as operações anteriores.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

2) Alterando a ordem das imagens

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Na lista que aparece no lado direito do site, passe o cursor do mouse sobre a imagem que você deseja alterar a ordem de sequência. Observe que aparecerá 2 setas, uma para cima e outra para baixo. Clique nas setas para alterar a ordem das imagens.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

3) Editando fotos / imagens

O myPicPals possui um recurso para você acrescentar textos nas imagens inseridas. Passe o cursor do mouse sobre a imagem desejada e clique no ícone mostrado na figura abaixo.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Primeiro escolha a fonte do texto. No nosso exemplo escolhemos a fonte Arial. Observe que o texto “Edit Me!” foi inserido na primeira linha da imagem.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Clique sobre o texto inserido, “Edit Me!” e selecione-o para fazer as alterações desejadas.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Defina a posição horizontal do texto (à esquerda, centralizado, à direita ou justificado).

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Defina o tamanho da fonte.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Defina a cor da fonte, e efeitos (Glow – brilhante, Shadow – sombra

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Veja como ficou o nosso exemplo:

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Agora clique sobre o texto novamente e altere-o para como desejar…

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Depois de definido o texto e a fonte, você poderá arrastar o texto para qualquer posição na imagem (clique na linha do texto e mantenha o botão do mouse pressionado, arrastando-o para a posição desejada).

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Inserindo gráficos

Obs.: O myPicPals também possui recurso gráfico para inserir círculos.

No final do menu lateral, clique em [Graphics].

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Clique sobre o círculo no menu. Depois altere as dimensões e arraste-os para onde desejar…

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Depois de tudo finalizado, clique no botão [Save].

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

4) Excluindo imagens / fotos

Para excluir uma imagem, basta clicar no [ X ] que aparece no canto direito da imagem selecionada.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

5) Alterando os efeitos do Slideshow

No menu superior, clique em [Options].

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Altere as opções do aplicativo, como o Nome, dimensões, bordas, efeitos e duração. É importante que você teste todas as opções para encontrar a melhor forma para o seu slideshow.

Clique no botão [Save].

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Se o seu slideshow ainda não ficou como gostaria, volte novamente em [Opções] e redefina os parâmetros. Faça isto quantas vezes forem necessárias até você encontrar a melhor opção.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

6) Salvando e publicando seu slideshow

Depois de tudo finalizado, clique no botão [Save & Publish]

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Clique em [Publish Now], caso você não tenha uma conta no aplicativo.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Pronto, você já tem o seu slideshow publicado.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Se você desejar colocar o seu slideshow público na galeria do Site myPicPals, marque a caixa de seleção [List in the myPicPals.com public slideshow gallery].

Colocando o slideshow no blog ou site

Em Post, clique no botão [Click to Copy] para copiar o código HTML do slideshow publicado.

Como criar um slideshow para o seu blog sem necessidade de programação – upload de imagens - Visual Dicas

Cole o código no blog ou site no local desejado. Se você não sabe como fazer isso, leia os artigos abaixo:

Como instalar um Widget no seu Blog -(Blogger)

Como inserir Widgets no Wordpress sem a instalação de plugins

Como inserir códigos HTML nas postagens do Blogger

Como inserir códigos HTML nas postagens do Wordpress

Veja como ficou o nosso slideshow que inserimos nesta postagem…

Leia também:

Como criar um slideshow para o seu blog sem necessidade de programação

Aprenda a criar textos e imagens em “scroll” para animar o seu blog


byALF

0 comentários:

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics