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

Encontre no blog...

22/12/2013

Como inserir COUBs no seu blog ou site

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 sons. Veja o exemplo de COUB abaixo. Clique na imagem para rodar…

Colocando COUB’s no blog

Acesse o site http://coub.com

No aplicativo você encontrará uma infinidade de COUB’s para curtir, compartilhar com seus amigos ou adicionar no seu site. O aplicativo também permite que você crie o seu próprio COUB

image

Para se conectar no site, clique no botão [Join Coub]. Para explorar o COUB sem se conectar, clique no link [Explore].

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

coub01

No nosso exemplo conectamos no site através da nossa conta do Facebook, clicando no botão [Join Coub] e depois em [Sign up with Facebook]. Mas você também poderá se conectar através do Twitter do Google, ou criar uma nova conta através do e-mail clicando no link [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…

2 comentários:

Unknown disse...

Olá,
Gostaria de deixar uma dica de leitura: como escrever conteúdo de qualidade do site Infool. Acho que melhorar é sempre bom.

Blogger disse...

Do you need free Facebook Followers & Likes?
Did you know you can get them AUTOMATICALLY & ABSOLUTELY FREE by registering on Like 4 Like?

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