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.
<style type='text/css'>Lo que esta en verde son las condicionales que se pueden editar.
#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'/>
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/AVvXsEg5mVag5Mzh49aTRbSp-rxFxqhmq5LmvBZwD6f1o61PgP2cCxtWkSwltvEz2Ylsn-_Pdg9j259zxCzwG1Bf0dNw4jfgHI3LnoEo3QFQKQBukZ_re-ptnm3Jz5LZv1g_-bDHk2NRDMNKyj0/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.
No hay comentarios:
Publicar un comentario