LINK TINY BOX SHOW DE VIDEO DO YOUTUBE

FERRAMENTA HTML BLOG

<div dir="ltr" style="text-align: left;" trbidi="on"> <script src="http://julien.falgas.fr/tinyshaker/design/tinybox.js" type="text/javascript"></script> <style type="text/css"> .tbox {position:absolute; display:none; padding:14px 17px; z-index:900} .tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435} .tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800} </style> <a href="javascript:TINY.box.show({iframe:'http://wwwferramentas-html-blog-alequinho.blogspot.com.br/2014/10/clique-aqui-pra-abri-o-box-show.html#comment-form',width:1100,height:490})">FERRAMENTA HTML BLOG<img class="expa" src="https://i.ytimg.com/vi/ToeCkSN37kQ/default.jpg" /> <style> img.expa { cursor: pointer; max-width: 30px; } img.expa:hover { max-width: none; } </style> </a> <br /> </div> Veja como incorporar um vídeo: Entra na página do youtube. Clique no link Compartilhar abaixo do vídeo do youtube Clique no link Incorporar. Copie o código fornecido na caixa expandida. Cole o código no bloco de nota e copie só o link e cole neste html onde pedi o link

LIGHTBOX COM LINK DE TEXTO E FUNDO COLORIDO

FERRAMENTA HTML BLOG OBS:VOCÊ PODE MUNDAR A COR DA MOLDURA E O FUNDO,A COR DA MOLDURA FICA NO BACKGROUND URL OBS: SOMBRA FICA NO SOLID OBS: ACOR DO FUNDO FICA NO BACKGROUND #55BBCC Z-INDEX

<script type="text/javascript" src="http://julien.falgas.fr/tinyshaker/design/tinybox.js"></script> <style type="text/css"> .tbox {position:absolute; display:none; padding:14px 17px; z-index:900} .tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435} .tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800} </style> <a href="javascript:TINY.box.show({iframe:'COLOQUE AQUI O LINK DO SITE',width:1100,height:490})">FERRAMENTA HTML BLOG</a>

COM FAZER UM LIGHTBOX DE VIDEO DO YOUTUBE PARA COLOCAR NO BLOGGER

OBS:COPIAR O CÓDIGO HTML ABAIXO VAI NO PAINEL DO SEU BLOGGER,VAI NO LAYAUT, ADICIONAR UM GADGET,E COLE O CÓDIGO ABAIXO, NO VIDEO DO YOUTUBE, Veja como incorporar um vídeo: Entra na página do youtube. Clique no link Compartilhar abaixo do vídeo do youtube Clique no link Incorporar. Copie o código fornecido na caixa expandida. Cole o código no bloco de nota e copie só o link e cole neste html onde pedi o link OBS:OS DOIS LINK SÃO IGUAL O LINK DE IMAGEM DO VIDEO É DO YOUTUBE OBS: O Link da imagem tem ajuste de posição, left, top, para cada postagem dever fazer o ajuste no left, top, <link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" /><script src="http://search.scrolltotop.com/scrolltotopsearch.js" type="text/javascript"></script> <br /> <div id="fbtab"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.youtube.com/embed/h_slaZXembA?feature=player_detailpage',boxid:'frameless',width:670,height:380,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div> <div id="object1" style="left: 500px; position: absolute; top: 200px; visibility: show; z-index: 2;"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.youtube.com/embed/h_slaZXembA?feature=player_detailpage',boxid:'frameless',width:670,height:380,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="https://i1.ytimg.com/vi/h_slaZXembA/mqdefault.jpg" /> <style> img.expa { cursor: pointer; max-width: 20px; } img.expa:hover { max-width: none; } </style> </a></div> <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div>

Menu Abre/Fecha

Sub-Menu(01)
Sub-Menu(02)
Sub-Menu(03)
Sub-Menu(04)

BOX DE VIDEO DE YOUTUBE

pegar o HTML 1 colocar o codigo de incoporação do youtube no meio "inframe" width="640" height="360 e publicar no blog <div id="object1" style="left: 10px; position: absolute; top: 340px; visibility: show; z-index: 2;"> COLOQUE A QUI O codigo de incoporação do youtube <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div> </div> no comentario ao abri o blog pegar o link pra colcar no box 2 HTML 2 é publicar no outro blog <script src="http://search.scrolltotop.com/scrolltotopsearch.js" type="text/javascript"></script> <br /> <div id="fbtab"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www-alex123.blogspot.com.br/2014/05/video-teste.html#comment-form',boxid:'frameless',width:670,height:380,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div> <div id="object1" style="left: 400px; position: absolute; top: 400px; visibility: show; z-index: 2;"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www-alex123.blogspot.com.br/2014/05/video-teste.html#comment-form',boxid:'frameless',width:670,height:380,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm0BKyLyk01qRZXyOwbFQAkgoRRyk2EDo4c6RUYdibywNxb_qDBjRCPuLF5jVw27-9swgc6rl7KEk5ktRsbf-wNTQvnzoTisjCwqO7uz_pgxH9_6PgfalSoOr1s04KSiVdGy4xHF9BuOM/h120/lib.png" /> <style> img.expa { cursor: pointer; max-width: 20px; } img.expa:hover { max-width: none; } </style> </a></div> <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div> TESTE AQUI

LINK DE DOIS TEXTOS E IMAGEM,PASSANDO O MOUSE A IMAGEM SOME

<div dir="ltr" style="text-align: left;" trbidi="on"> <a href="http://www.hi5.com/meetme.html?uid=6008563401#uid=6008563401" onmouseout="this.innerHTML = 'Meu Jornal'" onmouseover="this.innerHTML = 'Primeiro Blog'"><img src="https://scontent-a-gru.xx.fbcdn.net/hphotos-frc1/t1.0-9/1920621_692431124133505_1319525099_n.jpg " height="83" title="COLOQUE AQUI O TEXTO " width="120" /><br /> </a></div>

ALEX2