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

Publicidade:

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:

ABOPM Pré-Militar 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...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More