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. Uno de los visitantes de mi blog me pidió que escribiera un artículo sobre cómo podemos agregar calificaciones de estrellas a 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 sabes, Blogger no admite ningún tipo de base de datos. Por ejemplo, vamos a utilizar sitios de terceros para que esto sea 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 calificación de estrellas 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ázmelo saber en la sección de comentarios.

Sigue estos pasos:

1. Ir a 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 a Sección de diseño
5. Hacer clic Agregar dispositivo donde desea agregar este widget.
6. Selecciona el HTML/Javascript widget de la lista.
7. Ahora copie el código proporcionado a continuación y péguelo como contenido del widget.

<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 ID.

8. 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 a añadir nuevas funcionalidades a tu blog de blogger.

Estas son algunas plugins que son ofrecidos por este sitio de terceros:

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

También puede 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 son ofrecidos por este sitio a 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 que está vacía para usted. Yo también estoy esperando su respuesta.