Código HTML:
<b:if cond='data:blog.url == data:blog.homepageUrl'> <style type='text/css'> body {margin:0; padding:0; overflow:hidden;} .entrar, #navbar-iframe, .navbar {display:none;} .BlogOculto {z-index:-100;} #Intro {z-index:5000;} #Intro {text-align:center; background:#000; /* Color de fondo de la pantalla */ position:absolute; width:100%; height:100%; overflow-x:hidden; } p.btnEntrar a { font-size: 16px; /* Tamaño de la letra del botón */ font-style: italic; font-weight: bold; text-decoration: none; color: #1C1C1C; /* Color de la letra del botón */ background: #ccc; /* Color de fondo del botón */ padding: 6px; border: 1px solid #2E2E2E; /* Color del borde del botón */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } p.btnEntrar a:hover {position:relative; top:1px; left:1px;} body#layout #Intro {display:none !important;} </style> <div id='Intro'> <div style='margin-top:200px;'> <!-- Inicio del contenido del intro --> <img src='URL de la imagen'/> <p class='btnEntrar'><a href="javascript:void(0);" onClick="document.getElementById('BlogContenedor').className = 'quitarIntro', document.getElementById('Intro').className = 'entrar', document.getElementById('ElementosAudio').innerHTML = '', document.body.style.overflow='auto' ">Entrar</a></p> <div id='ElementosAudio'> <iframe frameborder='0' height='0' src='http://www.youtube.com/v/XXXXXXX?&autoplay=1&loop=1' width='0'/> </div> <!-- Fin del contenido del intro --> </div> </div> </b:if> <div class='BlogOculto' id='BlogContenedor'>
Código HTML:
<b:if cond='data:blog.url == data:blog.homepageUrl'>