08 febrero 2011

Slide manual de últimas entradas


Esta mañana puse un slide automático pero por problemas de librerías no funcionaba en algunas plantillas, este está más conseguido y creo que no tendréis problemas, lo malo es que es manual, osea, colocaréis la url ,imagen y titulo, cada vez que coloquéis una entrada en vuestro blog.

Por petición de Nacho, os traigo hoy un slide,  el cual  muestra las últimas entradas de vuestro blog, para añadirlo ve a la edicion HTML y busca la etiqueta </head>
Copia el siguiente codigo, justo antes de lo que acaba de buscar y guarda los cambios, siempre antes guardar una copia de la plantilla, por si algo sale mal.

código:
descargar aquí

El siguiente paso consiste en colocar otro código en un gadget html, el cual sería este.
código:
descargar aquí

En este código cambiaréis los siguientes valores:

<!-- Slide-1 Code Start -->
<li>
<div class="mytext">
<a href="DIRECCION URL ULTIMO POST">
<img src="DIRECCION URLimagen" alt=""/>
</a>
<div class="inpost">
<p>TITULO DEL POST </p>
</div>
</div>
</li>
<!-- Slide-1 Code End -->

Dispone de 3 entradas, si deseáis añadir otro slide más al código, debeis usar ese mismo código pero cambiando el número del slide.
ejemplo:
<!-- Slide-4 Code Start -->
......
......
.....
...
<!-- Slide-4 Code End -->
Esto debe ser añadido justo antes de </ul>
y así sucesivamente cuantos queráis.

Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

6 comentarios

Buenas Antonio. En primer lugar decirte que es la primera vez que te escribo, aunque no la primera en visitar tu blog, debido a que soy nuevo en esto de tener un blog dedicado al Sevilla F.C., y hasta ahora no me había surgido una duda sobre el tema. Quería preguntarte como podría poner la imagen y el texto de este gadget colocada en el centro, sin que por la derecha me sobre nada de espacio como me sucede. Gracias por adelantado. Un saludo y enhorabuena por el blog.

@José Manuel Romero
Jose Manuel, algo has colocado mál en el código en la parte que va dentro de la plantilla, porque las imágenes las coloca el slide a todo lo ancho, aunque al abrir tu entradas la imagen sea chica.
Te recomiendo que vuelvas a instalar el código, borra el anterior, fíjate bien desde donde empieza hasta donde acaba, no sea que borres algo más de la plantilla.

Y para centrar el título, busca este trozo en el código que vá en plantilla y añade lo de negrita

.inpost p{
margin:10px;
text-align: center;
font-size:20px;
font-family:"Segoe UI";,Calibri,"Myriad Pro",Myriad,"Trebuchet MS";,Helvetica,Arial,sans-serif;
}

Antonio, he probado lo que me has dicho, y no ha funcionado. Lo he borrado con cuidado y pegado de nuevo, pero una vez más no me ha salido la foto completa. No se de porqué puede ser. Lo que si he logrado es colocar el texto en el centro. Disculpe las molestias. Un saludo.

Antonio, siento molestarte una vez más, pero quería decirte que ya he encontrado el fallo, se trataba de la dirección url de la imagen que no estaba bien copiada. Ya está solucionado. Si no es mucho pedir, me gustaría preguntarte como podría centrar el marco del reproductor, que me sale un poco más grande del lado izquierdo. Un saludo y gracias.

@José Manuel Romero
Busca este código dentro de la plantilla
#gallerycover{
overflow: hidden;
margin:15px ;
height: 220px;

y sustituye lo negita por 10px

Muchas gracias Antonio, ya está solucionado. Un saludo.


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"