Designer XD: Pedido - Como adicionar uma box para colocar um video na lateral

Pedido - Como adicionar uma box para colocar um video na lateral

Driigo

Para este tutorial você precisa de um pouco de conhecimento em XML.

Faça os seguintes passos.

Abra o blogger, vá em Design/Editar HTML,

aperte CTRL+F e procure por ]]></b:skin>, antes de ]]></b:skin> adicione o seguinte código.

.videodasemana{

background:url(URL_DA_BOX) no-repeat;

width: 400px;
height:290px;

float:right;

padding:60px 0 0px 15px;

padding-top:47px;

no Local que está em VERDE , adicione o Link da sua Box.

o que está em VERMELHO , é a Largura da imagem.

o que está em AZUL , é a Altura da imagem.

o que está em ROSA , é o lado onde você quer que fique o vídeo.

Agora adicione o seguinte código, Acima do código da sidebar,

o código da sidebar pode variar por isso que eu não vou colocar aqui

você tem que saber onde fica para conseguir.

<div class='videodasemana'>
<iframe frameborder='0' height='240' src='http://www.youtube.com/embed/E3ayWiBDgb0' width='370'></iframe>
</div>

o que está em VERMELHO , é a Largura do vídeo.
o que está em AZUL , é a Altura do vídeo.

ai é só salvar e pronto

se nao ficar no local desejado só adicionar uma propiedade

margin = 0px 0px 0px 0px;

e ir alterando os valores até ficar no local desejado.

Para mais informações assista o vídeo de como adicionar um vídeo no Header.