[Tutorial] Calificar comentarios o post parecido a taringa

Started by fapencio, July 08, 2014, 10:54:49 PM

Previous topic - Next topic

fapencio

Hola a todos, esta vez quiero comentarles como encontré la forma de poner al foro una forma diferente de votar o dar likes a los comentarios o a los post, esta forma de hacerlo la encontré en una web de noticias, la fuente o "DEMO" lo pondré al final pero no se emocionen demasiado pues lo mas seguro es que no sea lo que esperaban, sin embargo este tutorial le da un diseño mas pulido a la puntuación de los comentarios o mensajes, pues usa javascript, o sea que los cambios son instantaneos, mas de uno va a criticar de forma negativa mi humilde y primer tutorial pero haré caso omiso y a los que les sirva pues me alegro por haber contribuído con mi granito de arena.

Para esto deben tener instalado este mod:

"Custom <head> and <body> scripts"  http://custom.simplemachines.org/mods/index.php?mod=2686

(no es necesario tener instalado este mod, pero yo lo tenía en mi foro y me fué mas fácil hacerlo de esta forma)

ahora deben ir a esta web y registrarse de forma gratuita :  http://rating-widget.com

Deben seguir los pasos que ahi les indican, personalizando el diseño del widget, les recomiendo que lo dejen como está, pero solo deben cambiar el idioma a español o al de su preferencia, y donde dice: CUSTOM TEXT --> Rate This deben cambiar "Califica Esto" a "Vota" para que no ocupe mucho espacio esa palabra, pues "Califica Esto" tiene mas letras que "Vota"

una vez que hayan terminado, el widget les dará 2 códigos, el primer código o código mayor lo deben insertar o pegar inmediatamente antes del </body> de su foro, les dejo el código de mi widget como ejemplo:

<script type="text/javascript">(function(d, t, e, m){
    // Async Rating-Widget initialization.
    window.RW_Async_Init = function(){
        RW.init({
            huid: "180990",
            uid: "215ff1046b54806f7aea556b69e6a70e",
            source: "website",
            options: {
                "urid": "17",
                "advanced": {
                    "layout": {
                        "lineHeight": "16px"
                    },
                    "text": {
                        "rateThis": "Vota"
                    }
                },
                "size": "medium",
                "type": "nero",
                "lng": "es",
                "style": "thumbs"
            }
        });
        RW.render();
    };

    // Append Rating-Widget JavaScript library.
    var rw, s = d.getElementsByTagName(e)[0], id = "rw-js",
        l = d.location, ck = "Y" + t.getFullYear() +
        "M" + t.getMonth() + "D" + t.getDate(), p = l.protocol,
        f = (-1 < l.search.indexOf("DBG=") ? "" : ".min"),
        a = ("https:" == p ? "secure." + m + "js/" : "js." + m);
    if (d.getElementById(id)) return;             
    rw = d.createElement(e);
    rw.id = id; rw.async = true; rw.type = "text/javascript";
    rw.src = p + "//" + a + "external" + f + ".js?ck=" + ck;
    s.parentNode.insertBefore(rw, s);
}(document, new Date(), "script", "rating-widget.com/"));</script>


Yo tengo instalado el mod llamado "Custom <head> and <body> scripts" así que solo copié y pegué el código en uno de los varios recuadros que el mod instala en la administración, solo vayan a Administracion --> Caracteristicas y opciones --> Configuración del Foro --> Configuración de modificaciones --> Custom <head> and <body> scripts  y en esa pestaña deben pegar el código del widget, en uno de los recuadros vacíos que dicen: "Insert the "before </body> code here"  no olviden dar clic en el botón "Guardar" para que no se pierdan los cambios y el código del widget quede incrustado ok?

Ahora la segunda parte, desde su cliente ftp editen el archivo llamado Display.template.php el cual se encuentra en la carpeta de su Theme, o si no lo tiene, en la carpeta del Theme Default, una vez abierto este archivo (usen Notepad++) deben buscar lo siguiente:

buscar:
// Can we restore topics?

agregar antes:
echo '
<div class="rw-ui-container"></div>';


y listo, ya podrán calificar sus comentarios o sus mensajes en su foro, con contador incluido, lo malo es que eso no influye ni en la reputación ni en el karma ni en puntos ni en nada xD  pero así como hay muchos genios aquí no faltará alguno que lo logre o incluso que haga un mod con estos códigos, sea como sea luce muy bien este sistema, pueden ver una demo de ésto en la siguiente web de noticias:  http://www.sinembargo.mx/08-07-2014/1050342  (el sistema está en los comentarios, hasta abajo)

por favor que algún moderador mueva esto a tutoriales, saludos y espero que les haya gustado y que lo modifiquen a su gusto
My smf forum is 2.0.10 version
my theme is default
language spanish es utf8



Advertisement: