Alberto test: Intro para Blog

Introdução ao blog é simples, mas pode ter mais itens, se o desejarem, será opção de todos, pois agora eu só colocar uma imagem de exibição, um botão para entrar e música de fundo.
intro

E atenção, que só estará na capa do blog para não ser irritante para os leitores, por isso, quando operando em entradas de blog ou páginas da introdução não é visível
Agora vamos ver como colocá-lo, entra pela primeira vez Layout | Editar HTML e procure por este rótulo:

Depois justo embaixo copia e cola isto

<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; <b>/* Cor do Fundo da Tela */</b>
position:absolute;
width:100%;
height:100%;
overflow-x:hidden;
}
p.btnEntrar a {
font-size: 16px; <b>/* Tamanho da letra do botao */</b>
font-style: italic;<b
font-weight: bold;
text-decoration: none;
color: #1C1C1C; <b><b>/* Cor da letra do botao */</b></b>
background: #ccc; <b>/* Cor do fundo do botao */</b>
padding: 6px;<br>
border: 1px solid #2E2E2E; <b>/* Cor da borda do botao */</b>
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>

<img src='URL da 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>

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

Depois procura e justo acima colocas

quarta-feira, 20 de junho de 2012

Intro para Blog

Sem comentários:

Enviar um comentário