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 pimer código es el que te sirve (la que yo llamo vieja versión de blogger). Si tienes dudas de que versión tienes, revisa Dudas Basicas
Entonces, copiamos este codigo, y vamos a la siguiente etiqueta que esta en tu plantilla </BlogItemBacklinksEnabled> y debajo copiamos el código anterior, quedaría así:
Ahora si queremos que el ranking aparesca en la pagina del permalink (cuando solo esta abierto un post en la pagina), entonces tambien debemos copiar el mismo codigo arriba de las siguientes lineas:
- </div>
- <!-- End .post -->
y además debe ir entre las siguientes etiquetas <ItemPage> y </ItemPage> como se muestra aquí:
Una vez que hayas hecho todos los pasos anteriores lo que obtendrás es lo que ya mostré: