Last.fm y Textpattern
(escuchando “Dance” de U Srinivas & Michael Brook)
Este tutorial te explicará cómo integrar la lista de discos (con sus respectivos cover-art) que has escuchado cada semana en last.fm.
Para ello deberás tomar en cuenta las siguientes especificaciones para la instalación de ciertas carpetas dentro de tu hosting así como el uso / conocimiento de algún programa de FTP. Previo a todo este tutorial, suponemos que ya tienes una cuenta al last.fm.
instrucciones de instalación:
- 1.- Tener el plugin que mandará tus preferencias a last.fm (descargar)
- 2.-Descargar el plugin rzz_lastfm_charts
- 3.- Todos los audios deberán estar bien etiquetados. Es decir, que tengan todos los datos correctos (nombre del artista, album, género). Si te gusta la “onda juvenil” dE EscRiBir AsI aún dentro de tus contenidos de mp3, mejor no sigas con el tuto :-) .
Muchas veces encontrarás más de una descripción para un sólo disco. Intenta hallar la adecuada y que tenga el art-cover correcto del disco.
- 4.- Necesitas crear dos carpetas. La primera es
cachey la crearás en el roothttp://tusitio.com/cache. La segunda carpeta eslastfmy la crearás enhttp://tusitio.com/images/lastfm. Ambas deberán tener permisos 775.
- 5.- Una vez creadas las carpetas, instala el plugin.
- 6.- Activa el plugin. Acto seguido debes modificar editar estos datos dentro:
RRZ_PROFILE= your last.fm account / tu ID de last.fm.
RRZ_IMAGE_AMOUNT= the amount of album covers retrieved / el # de albumes a mostrar.
RRZ_IMAGE_SIZE= the size of the album covers / el tamaño del art-cover (en pixeles)
Una vez realizado en cambio, haz click en el botón guardar.
- 7.- Dirígete a la pestaña “Extensiones” e inicia el plugin presionando el botón “Go”. Ahora podrás visualizar los art-covers que decidiste tener (así como su tamaño).
- 8.-Ahora podrás colocar la etiqueta
<txp:rrz_lastfm_charts />dentro de tu plantilla.
Para adaptarla con algo de CSS, puedes colocar un atributo:
<txp:rrz_lastfm_charts class="algunaclasecss"/>
Update:
1.- Aquí te dejo algo del CSS para que dejes muy PIMP tu lista:
.thumbslastfm {float:right;padding:2px}
ol.thumbslastfm {list-style:none;}
ol.thumbslastfm li {float:right;}
ol.thumbslastfm li img {border: 2px solid #f1f9e1;}
ol.thumbslastfm li img:hover {border:2px solid #287EC9;}
2.- Podrás notar que este tutorial está implmentado en esta página. XD
Comparte esta anotación en:
