Aiuto funzione per blog

[molleggino]

Salve a tutti da poco mi sono messo a scrivere un blog e l'ho dotato di una pagina di benvenuto.. solo che non mi piace. Vorrei riuscire a a mettere un timer per farla dissolvere dopo qualche secondo e il controllo coockie per non farla apparire ogni volta che un utente passa per la home... allego il codice spero possiate aiutarmi
ps: è tutto su blogger

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
body {margin:0; padding:0; overflow:hidden;}
.benvenuto, #navbar-iframe, .navbar {display:none;}
.Nascosto {z-index:-100;} #Landing {z-index:5000;}
#Landing {text-align:center;
background:#191919; /* Colore di background */
position:absolute;
width:100%;
height:100%;
overflow-x:hidden;
}
p.Accedere a {
font-size: 16px; /* Dimensione dei caratteri del bottone */
font-style: italic;
font-weight: bold;
text-decoration: none;
color: #1C1C1C; /* Colore del testo del bottone */
background: #CCCCCC; /* Colore di sfondo del bottone */
padding: 6px;
border: 1px solid #2E2E2E; /* Colore del bordo del bottone */
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
p.Accedere a:hover {position:relative; top:1px; left:1px;}
</style>
<div id='Landing'>
<div style='margin-top:200px;'>
<!-- Contenuto pagina introduzione inizio -->
<img src='https://upload.wikimedia.org/wikipedia/en/4/46/Userpage_decoration_for_Redvers_-_Welcome.png'/>


<p class='Accedere'>&lt;a href=&quot;javascript:void(0);&quot; onClick=&quot;document.getElementById('Contenitore').className = 'AdIntro', document.getElementById('Landing').className = 'benvenuto', document.getElementById('AudioInBack').innerHTML = '', document.body.style.overflow='auto' &quot;&gt;Accedi&lt;/a&gt;</p>
<div id='AudioInBack'>
<iframe  allowfullscreen='' frameborder='0' height='0' src='https://www.youtube.com/watch?v=bM7SZ5SBzyY&amp;autoplay=1&amp;loop=1' width='0'/>
</div>

</div>
</div>
</b:if>

 

[Stefano Novelli]

C'è qualcosa che non va in quello che hai incollato: