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
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



https://fdvc.com.br/
1 comentários:
Não funciona em todos os navegadores, pena!
Postar um comentário
Deixe a qui seu comentário ou pergunta sobre o blog.