En este artículo voy a explicarles como añadir anuncios publicitarios en nuestros vídeos de Blogger o si tenemos una web de vídeos, series, películas que queramos monetizar de manera sencilla, añadiendo así una pestaña de cerrar que cambiara de posición al pasar el mouse.
CSS
Primero vamos a añadir este código css:[#publicidad-video{ position: absolute; z-index: 1; width: 300px; height: 250px; margin: 20px 0px 0px 160px; } .cerrar { background: #A90000; color: #fff; border: 1px solid #fff; border-radius: 3px; padding: 2px; cursor: pointer; } .cerrar:hover { background: #F00; }]
HTML
Ahora este código html dónde quieras que aparezca el vídeo con la publicidad:[ <div> <div id="publicidad-video"> Código de publicidad aquí Iframe/Javascript <br> <div style="float: left; left: 180px; position: relative; top: -210px; z-index: 9999;"> <span class="cerrar" onmouseover="jQuery(this).hide('fast');jQuery('#asd1').show('slow')">cerrar</span> </div> <div id="asd1" style="display: none; float: left; position: relative; top: -65px; z-index: 9999;"> <span class="cerrar" onclick="jQuery(this).parent().parent().remove();">cerrar</span> </div> </div> Código del vídeo aqui Iframe. </div> ]
Ejemplo
cerrar
