sábado, 4 de abril de 2015

Banner cambiante (rotador de banners) + Tutorial para colocarlo



Síguenos En Las Redes!!!    

Tener un banner con imágenes cambiantes nos es de mucha ayuda si tenemos muchos banners que mostrar pero queremos ahorrarnos espacio, ya que en el mismo lugar los banners irán cambiando cada tres segundos.



Para colocarlo entra a Diseño > Edición de HTML y pega antes de </head> lo siguiente:

<script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/xfade2.js' type='text/javascript'/>


Ahora pega antes de ]]></b:skin> lo siguiente:

/* BANNER CAMBIANTE
----------------------------------------------- */
{
margin: 0;
padding: 0;
}
#rotator {
border: 1px solid #000000;
overflow: hidden;
margin: 0px ;
padding:2px;
position: relative;
width: 430px;
height: 60px;
}
#rotator img {
border: 0;
width: 430px;
height: 60px;
}


Las medidas las puedes cambiar de acuerdo al espacio de tu blog, para ajustar el ancho cambia donde dice width y para cambiar el alto en height.

Por último entra a Diseño > Elementos de la página > Añadir un gadget > HTML/Javascripty pega lo siguiente:

<div id="rotator">
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
</div>


Cambia los datos y listo.


Esta publicación esta disponible en algunos de los idiomas siguientes
Afrikaans | Albanés | Alemán | Amharico  | Árabe | Armenio |Bengali | Bieloruso | Birmanés | Bulgaro | Catalan | Checo | Chino | Coreano | Croata | Danés |Dari |Dzongkha |Escocés |Eslovaco |Esloveniano |Español |Esperanto |Estoniano |Faroese |Farsi |Finlandés |Francés |Gaelico |Galese |Gallego |Griego|Hebreo  |Hindi |Holandés |Hungaro |Inglés |Indonesio |Inuktitut (Eskimo) |Italiano |Japonés |Khmer |Kurdo |Lao |Laponico |Latviano |Lituano |Macedonio |Maltés |Nepali |Noruego |Pashto |Polaco |Portugués |Rumano |Ruso |Serbio |Somali |Suahili |Sueco |Tagalog-Filipino |Tajik |Tamil |Tailandés |Tibetano |Tigrinia |Tonganés |Turco |Turkmenistano |Ucraniano |Urdu |Uzbekistano |Vasco | Vietnamés

No hay comentarios:

Publicar un comentario