Hace unos dias puse un anuncio con un curioso efecto de retraso que a muchos lectores les gusto y por eso hoy decido compartilo.
Este truco es genial para cuando tenemos que comunicar un anuncio importante a nuestros lectores y queremos que se muestre en todas las partes del blog.
Para agregar este truco ve a la
Edición HTML de tu blog y antes de </head> pega lo siguiente: <style type='text/css'>
#anuncio {
position: absolute;
border: 0px;
width: 250px; /* Ancho del anuncio */
height: 100px; /* Alto del anuncio */
visibility: hidden;
z-index: 200;
top: 20px;
margin-top:50px; /* Márgen del borde superior de la pantalla*/
margin-left: 813px; /* Margen a la izquierda de la pantalla */
}
</style>
<script src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/Anuncio-flotante.js' type='text/javascript'/>
Lo que esta en verde son las condicionales que se pueden editar.
Ahora antes de
</body> pega lo siguiente:
<div id='anuncio'>
<div style='background:#A9E2F3;color:#000;border:1px solid #dadada;padding:5px;font-size:14px;'><a href='Javascript:void' onClick='closebar(); return false'><img align='right' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3T4lnAZKNkYdUI7rcZOsIgDPoWQia5Rh926mi_4Ig1U19GQxdOIYo06tZT-swkWIlzc4vQaSEnv8Sd880Vbn432SSQY1VGmz2WvBfP_Yy3zmjdNPBU-Lstka_4-7jevwW2gNzwMXG3B0/s200/icono-cerrar.png'/></a>Aqui va Tu Anuncio</div>
</div>
A continuacion explico algunas condicionales editables del anuncio
background:#A9E2F3: Es el color del fondo del anuncio
color:#000: Es el color de las letras
font-size:14px: Es el tamaño de la letra del anuncio
Aqui va Tu Anuncio: Por el anuncio que quieras poner.
Por ultimo guardan los cambios.Pueden ver el resultado en el siguiente
blog de pruebas.