Cómo colocar Valoración de estrellas en las entradas de tu blog


Hola Blogger@s, hoy les traigo un nuevo tutorial para poder colocar la calificación por estrellas o más bien conocido como el  starsrating. Como sea, blogger tiene dentro de sus opciones agregar este gadget pero no a mucha gente le aparece, por lo tanto ahora les dire cómo pueden hacerlo.

Lo primero que tienen que hacer es entrar a su escritorio de blogger, ir al final de la página y ver donde dice, borrador o simplemente sigue el siguiente link y estarás ahí. A continuación ve las opciones de tu blog y anda a Diseño de tu blog y en la parte para modificar las Entradas del Blog te saldrá la opción para activar el starsrateMostrar la evaluación de estrellas, en caso de que no aparezcan las estrellas cuando guardes las modificaciones, tendrán que adaptar su html debido a que algunas plantillas no tienen el código completo de esta aplicación...Ahora agreguemos el código faltante...




Arreglemos el código:

Vayan a la configuración de diseño de HTML de su blog y denle click a Expandir Plantillas de Artilugios, al igual como siempre lo hemos hecho.

Ahora busquen con el Ctrl +F el siguiente código:

<b:include name='feedLinks'/>


Y pequen justo debajo de éste lo siguiente .
Codigo 1
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

Ahora busquen el código <div class='post-footer-line post-footer-line-1'> o algo parecido y peguen justo debajo de este código lo siguiente.
Codigo 2
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor'
expr:g:text-color='data:textColor'
expr:g:url='data:post.absoluteUrl'
g:height='42'
g:type='RatingPanel'
g:width='180'>
</div>
</b:if>
</span>

Y ya ésta :), Super fácil No???

Así se ve

Ahora de todas formas les daré otro dato que es el que pusimos en nuestro blog, un widget que nos regala http://www.outbrain.com/

Para usar el OUTBRAIN solo tienen que ir a su página y registrarse, una vez estando registrados vayan a Manage Blogs e ingresen su blog. Cuando lo ingresen pongan la opción para agregar el widget, tienen que colocar que no lo tienen en su web. Cuando le den a guardar, después de haber llenado lo que les pide, refresquen su Manage Blogs, tal ves les pida que confirmen el blog, sigan las instrucciones para confirmarlo.

Ahora cuando tengan eso listo en Manage Blogs les aparecerá su blog y podrán modificar la configuración en "Setting". Por eso es importante que se registren, pueden tener el widget sin registrarse simplemente entrando a la web y siguiente los pasos donde dice  "GET YOUR WIDGET" pero de esta forma no podrán configurar lo que quieren que se muestre en él. Como por ejemplo las cuantas miniaturas mostrar, si mostrar link o no, si sugerir los más valorados o simplemente mostrar las estrellas nada más como lo tenemos en este blog.

click para ver en grande

Así se vera si colocas lo que pusimos en la foto siguiente

Cuando lo hayan configurado le dan click a Instalar o Guardar y ya estará en funcionamiento tu nuevo Widget de valoración de estrellas.



Espero que les sirviera, cualquier consulta háganla, recuerden que agradecer no cuesta nada.
Lamentablemente no encontré como poner más de 5 estrellas en blogger, así que le digo a nuestro lector Claudio que cuando lo averigüe lo pondremos también en el blog como tutorial.

Saludos 





CONVERSATION

15 ya son Blogger@s:

  1. Dice Hugh Prather en "Palabras a mí mismo":

    "No hay tal cosa como "mejor"
    en un mundo compuesto por individuos."

    Y en otro pensamiento, agrega:

    "Si tú me dices la forma en que "tú" ves
    en lugar de la manera en cómo es,
    me ayudas a descubrir la forma en que "yo" veo."

    Sólo palabras...
    Saludos de Fer.

    ResponderEliminar
  2. Genial andaba buscando hace mucho tiempo este tutorial, gracias por compartirlo
    saludos

    ResponderEliminar
  3. Que bueno que les sirva, y por agradecer Fer y Oscar. Merci xD

    ResponderEliminar
  4. Hola me gustaría que me ayuden con estos consejos pero para la plataforma de onsugar please!..

    ResponderEliminar
  5. Hola amiga Daniela, solo hacemos soporte de blogger pero si encontramos algo te avisamos por aquí besos

    ResponderEliminar
  6. No consigo que me salgan las estrellitas por ninguno de los dos métodos :(. Supongo que es problema de mi plantilla.

    ResponderEliminar
  7. Gata Enmascarada3 de junio de 2012, 8:16

    Muy bien explicado!! funciona!! gracias ; )

    ResponderEliminar
  8. Agradezco tu ayuda pero no me funciona :(

    Al buscar el primer código ya estaba en mi plantilla entonces lo dejé como estaba, luego fui a buscar la ubicación para el segundo código, lo pegué , guardé los cambios pero las estrellas jamás aparecieron :/

    Intentaré con la página que recomiendas. Saludos

    ResponderEliminar
  9. NO ME FUNCIONAN NINGUNA DE LAS 2 OPCIONES ...ENTRA A MI BLOG A VER SI LAS VES TU EN TU NAVEGADOR..

    http://chilenitox.blogspot.com

    ResponderEliminar
  10. Hola, me resulta imposible hacerlo.
    Mi blog es de bloguer, pero no encuentro los codigos en mi htlm, imposible que pegue los enlaces si no encuentro donde.
    Sabéis porque?
    Gracias.

    ResponderEliminar
  11. hola... copie y pegue todo en mi HTML... pero no aparece como tu lo muestras.. me aparece como una barra e movimiento... y las estrellas casi no se ven...
    en verdad no se q hacer porque ya lo he intentado 2 o 3 veces con el mismo resultado...
    ya active las casillas de la configuracion de la entrada y deberia de aparecer tambien mis reacciones pero no aparece nada...
    ojala me puedas ayudar

    ResponderEliminar
  12. Hola !
    He intentado el proceso varias veces pero no funciona incluso cree un blog de prueba pero nada, y la verdad si quiero poner este tipo de valoración en mi blog por favor ayudameee

    ResponderEliminar
  13. hola y buenas a todos alguien podria ayudarme con mi blogg a poner mis estrellitas es que no poseo laptop ni computadora para realizar esta tarea si alguien dispuesto a ayudar se los agradeceria mucho.

    ResponderEliminar

Todo comentario que no tenga relación con el post o sobrepase los límites de la libre expresión, será moderado y no saldrá publicado.

Back
to top