Blogger news

terça-feira, 8 de julho de 2014

Como colocar fotos e videos lado a lado em seu blog







A forma mais fácil de se colocar Vídeos ou imagens  lado a lado em uma pagina de blog é usar tabelas, Acompanhe o passo a passo abaixo!


Primeiramente acesse a lista de postagem do seu blog:





 Clique em editar postagem:

 


Clique em HTML:

 


Dentro da area de edição, cole este código:

<table>
<tr>
<td> Título 1 </td><td> Título 2 </td>
<tr></tr>
<td> Vídeo 1 </td><td> Vídeo 2 </td>
</tr>
</table>




Para ficar mais fácil de trabalhar, separe os códigos como na figura a baixo:




Na página de vídeos do yutube, clique em  compartilhar:




Clique agora em incorpora, e copie o código do link em azul:




Substitua os texto selecionado em azul pelo código do vídeo do yutube:




Altere os números selecionados em azul, para aumentar e diminuir a altura e largura do vídeo, para caber lado a lado dentro da área da página do blog :




Repita o processo no código de baixo




Cole o código de outro vídeo na linha de baixo, esta sera a segunda linha de vídeos lado a lado




Veja os resultados:




Para adicionar mais vídeos lado a lado basta copiar o código do texto e adicionar ao lado e aumentar o numero , veja exemplo em vermelho abaixo, adicione quantos vídeos ou fotos quiser, bastar diminuir o tamanho do vídeos ou foto como foi ensinado acima.
<table>
<tr>
<td> Título 1 </td><td> Título 2 </td><td> Título 3 </td><td> Título 4 </td>
<tr></tr>
<td> Vídeo 1 </td><td> Vídeo 2 </td><td> Vídeo 3 </td><td> Vídeo 4 </td>
</tr>
</table>


O processo para adicionar fotos lado a lado é praticamente o mesmo, basta em vez de inserir o código do vídeo, insira código da foto.

Se estas informaçõe foram uteis a você peço que deixe um comentário.

Te convido a conhecer os projetos que estão neste blog na página de projeto,  veja como ganhar dinheiro com estes projetos, venha fazer parte de um time vencedor!!!

Att.
Amauri Arruda


1 comentários:

Gilmar de Oliveira disse...

Não funciona em todos os navegadores, pena!

Postar um comentário

Deixe a qui seu comentário ou pergunta sobre o blog.

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes