jueves, 14 de junio de 2012

Anuncio con efecto de retraso para blog

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/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

Related Posts Plugin for WordPress, Blogger...