Pruebas.

<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><br />
<div id='Intro'>
<div style='margin-top:200px;'>
<br />
<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>
</div>
</div>
</b:if><br />
<div class='BlogOculto' id='BlogContenedor'>

¡Muy bien! Ahora empecemos a editar~

Modifica las anotaciones indicadas a tu gusto~
En Url de la imagen utiliza tu imagen de presentación favorita, así como un gif, unas letras, lo que prefieras <3
Si no quieres el botoncito que pone Entrar modifícalo con alguna imagen que te guste. (Este botoncito está entre markups (> y <)
En el div con style en margin-top:200px; modifica la altura en la que se dispone el mensaje de presentación, coloca más y se encontrará más alejado del margen superior :3