Vamos a edición Html, y justo arriba de </head> pegamos el siguiente código:
<style type='text/css'>
#pginicio{
position:fixed;
width:100%;
height: 100%;
padding:15px;
background-color:#93DB70;
visibility:hidden;
z-index:77777;
top:0;
left:0;
}
#pginicio a{
color: #fff;
font-size: 35px;
text-decoration:none;
border: 1px solid #fff;
padding:5px 10px 5px 10px;
font-weight: bold;
text-align: center;
}
#pginicio a:hover{
color: #000;
font-size: 35px;
text-decoration:none;
border: 1px solid #000;
padding:5px 10px 5px 10px;
font-weight: bold;
}
#pginicio img{
border: 1px solid #fff;
margin: 15px 0 0;
text-align: center;
}
#pginicio spam{
color: #fff;
font-size: 25px;
padding:5px 10px 5px 10px;
text-align: center;
}
</style>
Y abajo de <body> el siguiente código:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='pginicio'>
<a href='javascript:closeit()'>ENTRAR AL BLOG</a>
<img src='http://img48.xooimage.com/files/e/d/1/flores-1986a1e.jpg' style='width: 750px;height: 400px;'/>
<hr color='#fff' width='80%'/>
<spam>BIENVENIDO A MI BLOG</spam>
</div>
<script src='http://img46.xooimage.com/files/a/7/f/pginicio-1985078.js' type='text/javascript'/></b:if>
Se puede modificar todo a su gusto, fondo color, texto; dentro del CSS.
En el segundo código en lugar de una imagen se puede poner texto, un iframe un div o lo que se imaginen, todo dentro del div con id pginicio.
Se muestra solamente en la página principal (homepageUrl).
0 comments:
Post a Comment