Cómo agregar un sistema de clasificación por estrellas en Blogger

Una vez solía compartir un módulo de calificación de estrellas CSS simple que solo se hizo usando CSS y HTML y uno de los visitantes de mi blog me pidió que escribiera un artículo sobre cómo podemos agregar calificación de estrellas en nuestro blog de blogger. En su demanda hoy estoy escribiendo este artículo.

En este artículo vamos a crear un widget de blogger que agrega funcionalidad a califica tus artículos en blogger.

Como sabe, Blogger no admite ningún tipo de base de datos, por ejemplo, vamos a utilizar sitio de terceros para hacer esto posible.

Este widget le da a su sitio web un aspecto premium incluso si está hecho en Blogger CMS.

Entonces, si desea agregar este sistema de inicio a su blog de Blogger, siga los pasos que se proporcionan a continuación y espero que haga lo que se dice.

Los widgets que he escuchado en mi sitio web funcionan al 100% si tiene alguna dificultad, hágamelo saber en la sección de comentarios.

Sigue estos pasos:

  1. Ir https://widgetpack.com y hacer una cuenta.
  2. Copie la identificación que se le da en https://widgetpack.com.
  3. Ahora ve a Panel de Blogger
  4. Ir Sección de diseño
  5. Hacer clic Agregar dispositivo donde desea agregar este widget.
  6. Seleccione HTML/Javascript widget de la lista.
  7. Ahora copie el código proporcionado a continuación y péguelo como contenido del widget.
  8. <style>
    #wpac-rating{margin-top:10px;font-family:Roboto,sans-serif;font-size:14px;line-height:1}
    .wp-r .wp-rating-score,.wp-r .wp-rating-stars{vertical-align:-2px;}
    </style>
    <div id="wpac-rating"></div>
    <script type="text/javascript">
    //<![CDATA[
    wpac_init = window.wpac_init || [];
    wpac_init.push({widget: 'Rating', id: 19144, color:'ff9800', html: 'User Rating: {{=it.rating}} {{=it.stars}} {{?it.count>0}}Up to the present {{=it.count}} voted. {{?}}'});
    (function() {
        if ('WIDGETPACK_LOADED' in window) return;
        WIDGETPACK_LOADED = true;
        var mc = document.createElement('script');
        mc.type = 'text/javascript';
        mc.async = true;
        mc.src = 'https://embed.widgetpack.com/widget.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling);
    })();
    //]]>
    </script>

    Reemplace el texto resaltado con su identificación.

  9. Ahorrar Widget

Ahora, si tiene alguna dificultad al crear este widget, puede preguntarme y haré un video para usted.

Una cosa que debe tener en cuenta es que el sitio de terceros que hemos utilizado solo le permite agregar un sitio web.

Este sitio web también consta de algunos más plugins o widgets que pueden ayudarte y añade nuevas funcionalidades a tu blog de blogger o sitio web de wordpress.

Estas son algunas plugins que son ofrecidos por estos sitios de terceros:

  • Complemento de calificación de estrellas
  • Complemento de comentario
  • Complemento de revisión

Como te he dicho en el párrafo anterior, también puedes usar este sistema de clasificación por estrellas y otros plugins ofrecido por este sitio de terceros en su sitio de wordpress.

Conclusión:

También puedes agregar dos más plugins que ofrece este sitio en su blog de blogger siguiendo los mismos pasos.

Si enfrenta algún tipo de error, comente sus problemas a continuación en la sección de comentarios, está vacía para usted. Yo también estoy esperando su respuesta.

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada.