Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress…) o Página web.
Este servicio ofrece agregar un ranking a tus post, para que la gente pueda votar por lo útil, entretenido o interesante que lo encontró. Para agrandar las imagenes solo haz click sobre ellas.
Primero vamos a la página Spotback y hacemos click en Get it! tal como lo muestra la imagen.
Luego vemos que tipo de ranking queremos utilizar, el primero viene con un marco; el otro se llama classic slider, es una barra; el clasico que solo son las estrellas y hay otros tipos mas…
Para este post elegí como ejemplo el primero, y estoy haciendolo con la plantilla Harbor. Nuevamente pinchamos en Get it! en este caso, si eligieron otra opción simplemente pinchan en el boton que la acompaña, tal como muestra la siguiente figura:
Como resultado en la plantilla harbor obtendrán esto:
Ahora deben completar los datos del formulario de registro. Como ya he mencionado otras veces, el username, es el nombre con el cual entraran a su cuenta, mientras mas raro mejor, porque siempre los nombres comunes son los primeros que la gente ocupa, así que no podrán tener una cuenta si alguien ya ocupó el mismo nombre.
El password es la clave, luego su email, y finalmente escriben los números que se ven en la imagen arriba del recuadro Enter Numbers. Ahora pinchamos en Register como lo muestra la imagen:
Pueden subir una foto de ustedes (pinchan sobre examinar, buscan en su computador la foto, y luego pinchan sobre upload) o elegir una de las caricaturas de abajo, solo pinchan sobre ella, esta es la imagen:
Ahora aparecen 4 areas de texto con códigos diferentes, el segundo código es el que te sirve (nueva versión de Blogger, la que tiene ELEMENTOS DE PAGINA). Si tienes dudas de que versión tienes, revisa Dudas Basicas
Primero vamos a blogger, al menú Plantilla, Edición HTML y pinchamos sobre la opción expandir plantillas de artilugios, tal como lo muestro en la imagen:
Despues, buscamos en la plantilla el siguiente código:
- <p class='post-footer-line post-footer-line-2'>
- <span class='post-labels'>
- <b>
- <b>
- <a rel='tag'></a>
- <b>,</b>
- </b>
- </b>
- </span>
- </p>
Para esto podemos utilizar el mismo buscador del navegador, tal como lo muestro en las siguientes imágenes solo deben seguir el mismo orden de los números, y vasta con buscar <span class=’post-labels’>:
Una vez que encuentren el trozo de código, deben copiar debajo de:
- </b>
- </span>
- </p>
el código que les entrega el servicio Spotback para tener el ranking en los post, queda de la siguiente manera:
Finalmente guardamos los cambios, y listo, ya tienen funcionando su ranking.
Espero que les guste
Suerte!!!
Una vez que hayas hecho todos los pasos anteriores lo que obtendrás es lo que ya mostré: