Tutorial ShadowBox Parte II
Depois de explicar como instalar o Shadowbox no Blogger hoje vou explicar como usa-lo sem ser com uma simples foto.
O Shadowbox tem potencialidades para funcionar com imagens, videos de varios formatos, ficheiros em flash e até com paginas.
Como eu tinha dito referido no artigo anterior, para usar o Shadowbox com imagens bastava alterar um pouco o código da imagem carregada para ele funcionar, mas para o usar sem ter que carregar nada no blogger iremos usar apenas o código abaixo como base:
O Shadowbox tem potencialidades para funcionar com imagens, videos de varios formatos, ficheiros em flash e até com paginas.
Como eu tinha dito referido no artigo anterior, para usar o Shadowbox com imagens bastava alterar um pouco o código da imagem carregada para ele funcionar, mas para o usar sem ter que carregar nada no blogger iremos usar apenas o código abaixo como base:
<a href="ENDEREÇO DO FICHEIRO" title="TÍTULO" rel="shadowbox" >O QUE VAI APARECER NO BLOG</a>Usando ficheiros Youtube:
Para usar o Shadowbox em videos deste tipo temos que copiar o codigo do video a usar no site onde está alojado (Embed):
<object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/I0KE5QWK7as&hl=pt-br&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/I0KE5QWK7as&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object>(exemplo do Youtube)
Neste código vamos apenas usar o endereço do video (a vermelho):
http://www.youtube.com/v/I0KE5QWK7as
e substituir ENDEREÇO DO FICHEIRO (no código do shadowbox por este endereço e a parte O QUE VAI APARECER NO BLOG por Clicar para ver video.
Ficando assim:<a href="http://www.youtube.com/v/I0KE5QWK7as" title="TÍTULO DO VÍDEO" rel="shadowbox" >Clicar para ver video</a>
Para terminar é necessário definir as medidas dos video. Essas medidas vão ser inseridas logo após a palavra shadowbox, separadas por ponto e virgula. Ficando assim para as medidas 600 pixels de largura (width)e 485 pixels de altura (height) que são medidas que normalmente uso:
<a href="http://www.youtube.com/v/I0KE5QWK7as" title="TÍTULO DO VÍDEO" rel="shadowbox; width=600; height=485" >Clicar para ver video</a>
O resultado é este:
Clicar para ver video
<a href="http://www.youtube.com/v/I0KE5QWK7as" title="TÍTULO DO VÍDEO" rel="shadowbox; width=600; height=485" ><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 293px; height: 219px;" src="http://www.dmtg.org/images/wallpaper.jpg" alt="" border="0" /></a>
O resultado é este:
NOTA: para o video iniciar automaticamente basta adicionar &autoplay=1 ao endereço do video e antes da aspa.
Category: Blogger
0 comentários