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, COM MOUSE LADO DIREITO, COPIAR O CÓDIGO DE INCORPORAÇÃO,COLOQUE NO BLOCO DE NOTA E PEGA SÓ O TEXTO DO LINK QUE ESTÁ NO MEIO DO IFRAME. E COLE DENTRO DE CÓDIGO ABAIXO,depois do http: 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: 500px; 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"title="clique aqui pra assistir o video " /> <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>

Janela box com link de site Janela box com link de site E IMAGEM EM QUALQER POSICÇÃO DO SITE.

Janela box com link de site E IMAGEM EM QUALQER POSICÇÃO DO SITE.
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script><br /> <a href="http://redeglobo.globo.com/" class="tu_iframe_900x800"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUhlMUNC8CHv7lcVSGvG0ErY59F3PVBQ3epjNphHec5AmuY6yDyITXCzOIAKWbL2euIWqnPfotyFEwEhi9T8lE73V5fiLCtnNIhuG3dsksJ-WqLFiDTX750DzAun__WOjuRzqQc3KFChI/h120/22g.png ""height="43" width="43"title="coloque aqui o texto " /> <a href="http://valeindependente.wordpress.com/" class="tu_iframe_900x800"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash1/373183_322338821148790_280576982_q.jpg "height="43" width="43"title="coloque aqui o texto " /> <a href="http://www1.caixa.gov.br/loterias/loterias/ultimos_resultados.asp#" class="tu_iframe_900x800"><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTEECFVf-DdqK_FdULxrJLrsGAAhCvkyavgSCwjr-UZ157jafYO8ykwTYg"height="43" width="43"title="coloque aqui o texto " /> <a href="http://g1.globo.com/mg/sul-de-minas/index.html" class="tu_iframe_900x800"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2eQ1ZR_yQrT1GUKJGkNajR46fCKoklstHljkr3a2DB27p0jT4ImP8C75cOLOgt-LOpT5e3O2oB5bghPKDTjLAAxV35qmck5KkLYqoqH48ftbJftq-ok8ie3MFD_N1djwuocVZpGifTF3o/s1600/logoeptv.png "height="43" width="43"title="coloque aqui o texto " /></a></div>

LIGHTBOX COM LINK DE IMAGEM ZOOM E FUNDO COLORIDO

<div dir="ltr" style="text-align: left;" trbidi="on"> <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:'COLE AQUI O LINK ',width:1100,height:490})"> <img class="expa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQiiKrg7biKPMF0BcLbLrLIbT6PevrS0egHvRMERrUjBccGTf4KG8OIsn2dj3Wzfy3LIMsWg7hpJvFGd7i1Z8t_1smAvD5ag3EY5i5WFe4P_4HzRGqk8VfpJe5mTXDjM8mjko4uV7EUW8/s320/AP3.png"title="COLOQUE AQUI O TEXTO " /> <style> img.expa { cursor: pointer; max-width: 20px; } img.expa:hover { max-width: none; } </style> </a> <br /> <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div> </div>