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>