segunda-feira, 23 de dezembro de 2013

Visual Dicas

Visual Dicas

Link to Visual Dicas

Como inserir COUBs no seu blog ou site

Posted: 22 Dec 2013 03:23 PM PST

coub2

O que é um COUB?

Para quem ainda não conhece, COUB é vídeo de no máximo 10s que se repete automaticamente (looped video). Para quem gosta de GIF animado, o COUB é uma ótima escolha pois pode rodar imagens em alta definição (HD) e ainda reproduzir som. Veja o exemplo de COUB abaixo. Clique na imagem para rodar…

Colocando COUB's no blog

Acesse o site http://coub.com

O aplicativo COUB é um site onde você encontrará uma infinidade de vídeos para curtir, compartilhar ou adicionar no seu site. O aplicativo também permite que você crie um COUB, que nós mostraremos em um próximo artigo…

image

Você poderá se conectar no COUB clique em [Join Coub]. Para explorar o COUB sem se conectar no site, clique no link [Explore].

Obs.: Para inserir COUBs em blogs não é preciso se conectar ao aplicativo.

coub01

No nosso exemplo vamos se conectar com o COUB através da conta do Facebook, clicando em [Sign up with Facebook]. Você também poderá se conectar através da sua conta do Twitter, do Google, ou criar uma nova conta através do e-mail clicando [Sign up with email].

image

Agora vamos explorar o aplicativo para encontrar um COUB para nosso blog. Clique em [Explore] no menu superior.

image

Utilizando o menu lateral, você poderá escolher uma categoria para facilitar a sua pesquisa.

image

Sempre que você visualizar um COUB, aguarde alguns segundos para o carregamento do vídeo. Você também poderá mudar a resolução passando o mouse sobre o COUB e selecionando [SD] ou [HD]. No mesmo menu, você poderá pausar o vídeo, ajustar o áudio e mudar para tela cheia (full screen).

image

Você também poderá compartilhar um COUB nas redes sociais como o Facebook, Twitter, Tumbrl, Google+ ou pinterest…

coub02

Escolhido um COUB para inserir em um blog, clique no botão [Embed].

image

Defina o tamanho do seu COUB utilizando os botãos padrão em [Size] ou digitando em [Custom size].

image

Defina os ajustes avançados clicando em [Show advenced settings].

image

Marque [Auto Start] para iniciar o cloud automaticamente, [Hide top bar] para esconder a barra superior, [No site buttons] para não aparecer botões de pausa ou ajuste de som no COUB e [Start with HD] para inicializar em alta resolução.

No nosso exemplo não vamos marcar nenhum ajuste avançado….

image

Depois de tudo definido, basta copiar o código HTML em [Embed Code] e inserir no seu blog ou site…

image

Se você não sabe como colocar o código HTML no blog, leia os nossos artigos:

Como inserir códigos HTML nas postagens do Blogger

Como instalar um Widget no seu Blog -(Blogger)

Como inserir códigos HTML nas postagens do Wordpress

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

Agora veja como ficou o nosso COUB escolhido…

Nenhum comentário:

Postar um comentário

Os comentários são muito bem vindos e importantes, pois enriquecem o conteúdo dos artigos.

Afilia-se na NetAffiliation

Ganhe dinheiro com os Programas de Afiliados