06 febrero 2013

Valoración de entradas mediante estrellas

Saber cómo califican los demás nuestras entradas es una forma más de ver qué tal aceptación tienen nuestras publicaciones y esto nos hace observar que tenemos que mejorar.


Así nuestras visitas podrán dejar su opinión al respecto de cada entrada simplemente con un clik en la opción elegida y nosotros podremos ver la cantidad de veces que ha sido vista dicha entrada.

Para colocarlo en nuestro blog seguimos los siguientes pasos:
1.- Ir a Blogger-Diseño-Plantilla-Editar HTML
2.- Haga clic en "Expandir plantillas de artilugios"
3.- Buscar </head> y encima colocamos esto:

<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css"/>

4.- Dependiendo donde queramos mostrar las estrellas colocamos el siguiente código:
A.- Bajo el título de la entrada: buscamos <data:post.body/> y encima pegamos el código.
B.- Al final de la entrada: buscamos <div class='post-footer-line post-footer-line-1'> y debajo pegamos el código.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='text-align:center;font:16px PT Sans Narrow;'>
<div expr:id='&quot;labels_&quot; + data:post.id' style='display: none; visibility: hidden;'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<data:label.name/>,</b:loop></b:if></div>Vota esta entrada: <div class='ffbs_rate' expr:id='data:post.id'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div>
<div class='ffbs_stats' expr:id='&quot;ffbs_stats_&quot; + data:post.id'/>
<script expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;' type='text/javascript'/>
</div></b:if>


12 comentarios

aaaaaaaaa no me funsiona.... y utilice los 2
el A y el B... pero ninguno me funsiono

Elvis ten en cuenta que puede haber 2 o 3 <data:post.body/> según las plantillas.

Aparte, es verdad que había un pequeño fallo en el código.

Wao ahora si me funsiono todo perfecto...
pero le cambie "vota" por "Califica"

Genial! Muchísimas gracias! No te imaginas la cantidad de tiempo que llevaba buscándolo y nunca me había salido bien.

Solo una dudita. ¿Cómo podría hacer que no estuviese tan pegado con lo de abajo en mi blog, http://atardeceresbajounarbol.blogspot.com.es ?

De nuevo, ¡infinitas gracias!

Prueba colocandolo bajo o encima de:<div class='post-footer'>.

Ve probando en diferentes zonas hasta que veas óptimo el resultado.

Vota esta entrada:
{[['']]}

me sale una cosa asi, nos e que me pasara, quiero ponerlo debajo...jooo

"encima de < / head >" es antes o despuès?

gracias lo andaba buscando, una pregunta se puede quitar la publibidad, es un poco molesta.

Ariel, no es posible eliminarla ya que como todo lo gratis conlleva unos créditos.

Gracias!!!!!!!!!!!!!! Al fin me salio después de intentarlo varias veces


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"