Mejora Tu Blogger: Comentarios

Mostrando entradas con la etiqueta Comentarios. Mostrar todas las entradas

Como habilitar los comentarios en las páginas de blogger

18:10 Comentarios, Páginas Estáticas No comments

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Habilitar los comentarios en las páginas independientes o estáticas de blogger

Me han preguntado varias veces si es posible mostrar el formulario de comentarios en las páginas estáticas o indepentidentes de blogger y, aunque dicha opción la ofrece dicha plataforma, muchos lectores la desconocen.

Disponemos de dos métodos para habilitar el formulario. El primero, aún siendo el más sencillo, puede no ser efectivo si tu plantilla es prediseñada.

Primer método:

Crea una nueva página independiente y escribe su contenido.

Ahora, antes de publicarla, haz clic sobre el enlace denominado 'Opciones de entrada' y marca la casilla 'Permitir'.

Publica la página y comprueba que el formulario de comentarios está disponible. En caso de no estarlo, sigue los pasos del segundo método e incluye el código necesario para hacer que esta opción funcione.

Segundo método:

Diseño>Edición de HTML>expandimos artilugios

Busca esta línea:

<b:include data='post' name='post'/>

Ahora, justo debajo de ella incluye esto:

<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>

Guarda la plantilla y comprueba el resultado.

Nota:

Si la línea de código no aparece en tu plantilla, pega el bloque justo encima de esto otro:

<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>

Cómo agregar comentarios de Facebook en Blogger

22:16 Ciudad Blogger, Comentarios, Facebook No comments

Artículo publicado en el blog Ciudad Blogger, uno de los sitios con más información sobre tecnología Blogger Ve la entrada en su blog original.

Uno de los temas más solicitados es cómo poner la caja de comentarios de Facebook en el blog, y es que a veces se vuelve más fácil comentar desde Facebook pues la mayoría está conectado a esa red social todo el tiempo, además no necesitamos ingresar con nuestros datos de Google para poder comentar en un blog que contenga este tipo de comentarios.

Este método lo vi en Vagabundia, donde explican cómo agregar el Plugin de comentarios de Facebook de manera que cada entrada tenga su propia caja de comentarios y sea independiente a las demás.

Antes de empezar asegúrate de tener los comentarios debajo de las entradas, pues el plugin lo pondremos en esa área así que es necesario tener los comentarios incrustados debajo de los posts.

Ahora sí, como primer paso entra en la Edición HTML del blog y marca la casilla Expandir plantillas de artilugios, luego busca la etiqueta:

<body>

Si usas una plantilla del Diseñador entonces la encontrarás como:

<body expr:class='"loading" + data:blog.mobileClass'>

Debajo de cualquiera de ellas agrega esto:

<div id='fb-root'/>
< script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Después busca esta parte:

</b:includable>
< b:includable id='status-message'>

Y justo arriba de ella pega esto:

<b:if cond='data:blog.url != data:blog.homepageUrl'>
< div id='comentariosFacebook'><div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.canonicalUrl'/></div>
< /b:if>

Con eso ya tendrás la caja de comentarios de Facebook en tus entradas (recuerda que debes ingresar a un post para poder verla).

La caja estará arriba de los comentarios de Blogger. Si quieres que esté debajo del formulario de comentarios entonces el código del plugin ponlo justo arriba de este código:

</div>
< b:if cond='data:post.includeAd'>

Dentro del código que añadimos veremos estos parámetros:

data-num-posts='5'
data-width='500'
data-colorscheme='light'

El primero es el número de comentarios que se mostrarán; el segundo el ancho del formulario; y el tercero el color del formulario, puedes cambiar light por dark

Hasta ahí ya tenemos el CommentBox de Facebook; si deseas personalizarlo un poco puedes colocar antes de ]]></b:skin> algunos estilos, por ejemplo:

#comentariosFacebook {
background:#F2F2F2; /* Color de fondo del contenedor */
width:520px; /* Ancho del contenedor */
padding:10px;
margin-top:0px; /* Cámbialo por -180px si lo has puesto debajo de los comentarios de Blogger */
}

Si quieres que cada vez que alguien haga un comentario te llegue una notificación de Facebook, y puedas moderar los comentarios, será necesario que crees una aplicación. Pero para ello es necesario tener verificada la cuenta de Facebook.

Si es así, entra a Facebook Developers y haz click en el botón Crear nueva aplicación.

Ahí escribe el nombre de la aplicación, acepta los términos y click en Continuar.

En la siguiente pantalla haz click en Sitio web, ahí escribe la URL de tu blog donde lo pondrás; también copia el número que está en App ID.

Ahora entra de nuevo en la Edición HTML de tu blog y pega antes de </head> esto:

<meta content='ID de USUARIO' property='fb:admins'/>
< meta content='ID de APLICACIÓN' property='fb:app_id'/>

En la ID de aplicación agrega la serie de números que copiaste. Y en ID de usuario agrega tu ID de Facebook, sino lo conoces ingresa a este enlace:

http://graph.facebook.com/usuario

Cambia donde se indica tu nombre de usuario y da click, ahí verás cuál es la ID de tu usuario de Facebook (Gracias a Siniestro por el tip).

Una vez hecho eso ingresa a una entrada para ver tu caja de comentarios y dale click en Configuración. Ahí verás varias opciones del plugin; en donde dice Moderadores, agrega tu nombre y guarda los cambios.

Una vez habiendo hecho todo lo anterior podrás moderar los comentarios y recibirás las notificaciones en tu cuenta de Facebook cada vez que alguien haga un comentario. Sino lo haces podrás seguir teniendo tu caja de comentarios de Facebook pero sin estas opciones.

Al final de la entrada he puesto una para que puedas probar el resultado, pero cualquier duda sobre el tema déjala en los comentarios de Blogger ;)

Cómo agregar el número de comentarios arriba del post

22:20 Ciudad Blogger, Comentarios No comments

Artículo publicado en el blog Ciudad Blogger, uno de los sitios con más información sobre tecnología Blogger Ve la entrada en su blog original.

La mayoría de las plantillas tienen el número de comentarios y su enlace en la parte del footer del post, es decir, al final de la entrada, pero igual podemos ponerlo arriba de la entrada encima de un icono para que sea más visible y atractivo para los lectores.

La modificación es sencilla, sólo entra en Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea:

<b:includable id='post' var='post'>

Justo debajo de esa línea pegamos esto:

<span class='post-comment-link-arriba' style='font-size:24px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRG5jiVHbtIUg5r_M4pG4Og4JUostRBAVHgYnjOd5q_ANKIRztoa9-2a54ElLZ216jYLWVisRnEEfsTPjdapMug58wdhBsQl3inL_HrnQQ6keF0MfhEXtXm1F7hNMeefb7uVMIPiizVKM/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;'>
< b:if cond='data:post.allowComments'>
< a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
< /b:if>
< /span>

Y listo, tendrás el número de comentarios arriba de la entrada.
Por supuesto puedes cambiar el icono por otro, sólo cambia lo que está en color rojo por la URL de tu icono.
Si cambias el icono deberás cambiar donde dice width (ancho) y height (alto) por las medidas del nuevo que has puesto.
El tamaño de los números se cambia donde dice font-size:24px; y la posición de los mismos en donde dice padding:5px 7px 0 5px;

ACTUALIZACIÓN (02/06/2010)

El ícono con el número de comentarios también aparecerá en las Páginas estáticas, se deseas que no aparezca ahí entonces encierra el código anterior así:

<b:if cond='data:blog.pageType != "static_page"'>

...aquí va el código...

< /b:if>

De ese modo sólo aparecerá en las entradas pero no se mostrará en las Páginas estáticas.

ACTUALIZACIÓN (08/06/2011)
En las plantillas hechas con el Diseñador de Plantillas de Blogger se debe quitar el float:right; del código, eso lo pondrá del lado izquierdo y quizá no se vea muy estético, pero si no se hace entonces el enlace a los comentarios no funciona.

Les dejo unos iconos que pueden usar:

Descargar | Iconos de comentarios

Inserta tabla de últimos comentarios

14:41 Comentarios, El Balcón de Jaime, Widgets No comments

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en trucos blogger. ! Ve la entrada en su blog original.

Tabla de últimos comentarios (2)

Con este truco podrás mostrar los últimos comentarios en tu blog. Además, podrás decorar el gadget con las ideas que se te vayan ocurriendo...

Para aplicarlo en el blog usarás un script basado en JSON.

Diseño>añadir gadget (elemento de página)>html-javascript

Pega el script:

<script type="text/javascript">
function comentarios(json) {
for(var i=0; i < numero; i++) {
var b_rc=json.feed.entry[i];var c_rc;
if(i==json.feed.entry.length)break;
for(var k=0; k < b_rc.link.length; k++) {
if(b_rc.link[k].rel=='alternate') {
c_rc=b_rc.link[k].href;break;
}
}
c_rc=c_rc.replace("#","#comment-");
var d_rc=c_rc.split("#");
d_rc=d_rc[0];
var e_rc=d_rc.split("/");
e_rc=e_rc[5];
e_rc=e_rc.split(".html");
e_rc=e_rc[0];
var f_rc=e_rc.replace(/-/g," ");
f_rc=f_rc.link(d_rc);
var g_rc=b_rc.published.$t;
var h_rc=g_rc.substring(0,4);
var i_rc=g_rc.substring(5,7);
var j_rc=g_rc.substring(8,10);
var k_rc=new Array();
k_rc[1]=" de Enero"; k_rc[2]=" de Febrero"; k_rc[3]=" de Marzo"; k_rc[4]=" de Abril";
k_rc[5]="de Mayo"; k_rc[6]=" de Junio"; k_rc[7]=" de Julio"; k_rc[8]=" de Agosto";
k_rc[9]=" de Septiembre"; k_rc[10]=" de Octubre"; k_rc[11]=" de Noviembre"; k_rc[12]=" de Diciembre";
if("content" in b_rc){
var l_rc=b_rc.content.$t;
} else if("summary" in b_rc) {
var l_rc=b_rc.summary.$t;
} else var l_rc="";
var re=/<\S[^>]*>/g;
l_rc=l_rc.replace(re,"");
if(fechas==true){
document.write(j_rc+' '+k_rc[parseInt(i_rc,10)]);
}
document.write('<ul><li><b>' + b_rc.author[0].name.$t + '</b>');
if(titulo==true){
document.write(' en ');
document.write(f_rc);
}
document.write('...<br/>');
document.write('<a href="' + c_rc + '">');
if(l_rc.length < resumen) {
document.write(l_rc);
} else {
l_rc=l_rc.substring(0,resumen);
var p_rc=l_rc.lastIndexOf(" ");
l_rc=l_rc.substring(0,p_rc);
document.write(l_rc+'…');
}
document.write('</a></li></ul>');
if(i < numero-1){
document.write('<hr style="color:#' + linea + ';"/>');
}
}
}
</script>
<script type="text/javascript">
var numero=3;
var fechas=true;
var titulo=true;
var resumen=100;
var linea=cccccc;
</script>
<div style="border:2px solid #cccccc;padding:5px 5px 5px 5px;color:#cccccc;text-align:left;margin:0px auto;"><script src="URL DE TU BLOG/feeds/comments/default?alt=json-in-script&callback=comentarios"></script></div>

Sustituye URL DE TU BLOG por la dirección de tu blog.

Para editar el contenido:

var numero=3; Indica el número de comentarios a mostrar
var fechas=true; Indica que la fecha debe mostrarse (para ocultarla cambia true por false)
var titulo=true; Indica que el título debe mostrarse (para ocultarlo cambia true por false)
var resumen=100; Indica el número de carácteres que aparecerán en el resúmen del comentario
var linea=cccccc; Indica el color de las líneas horizontales

Para editar el aspecto:

border:2px solid #cccccc; Son las propiedades del borde. 2px es el grosor, Solid el estilo (para ver los estilos de borde ve a esta entrada), #cccccc el color (mira en la tabla de colores para conseguir los códigos).

color:#cccccc; Es el color de texto (la fecha y el nombre del comentarista). Puedes cambiar el color usando la tabla de colores.

font-size:14px; El tamaño del texto.

text-align:left; La alineación del texto (está alineado a la izquierda) para centrar el texto añade center en lugar de left. Para alinear el texto a la derecha añade right en lugar de left.

Cómo quitar los iconos de comentarios de blogger y poner los nuestros

10:28 Comentarios, El Balcón de Jaime No comments

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Quitar los iconos de blogger en los comentarios y poner los nuestros

Si deseas quitar el icono que ofrece blogger al lado del nombre del comentarista, sigue los sencillos pasos que te mostraré a continuación.

Diseño>edición HTML>expandimos artilugios

Busca esta línea:

<dl id='comments-block'>

O esta otra (si no encuentras la anterior):

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Comprobarás que un poquito más abajo está esta otra:

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>

Ahora añade esta línea de código:

<dt class='comment-author' expr:id='data:comment.anchorName'/>

Seguidamente incluiremos un icono personal.

Busca en el CSS el comienzo del bloque con esta línea:

.comment-author {

Por último añade debajo esto:

padding-left: 20px;
background: url (URL DE TU ICONO) left no-repeat scroll 0 0;

Sustituye URL DE TU ICONO por la dirección de tu imagen o icono.
Y guarda cambios.

Cambiar el "Sin comentarios" o "x Comentarios" por una imagen o icono

18:04 Comentarios, Diseño, El Balcón de Jaime, Iconos No comments

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Cambiar "Sin comentarios , 1 comentario, X comentarios" por una imagen

Este es un truco muy sencillo y bastante interesante ya que podrás cambiar la frase "Sin comentarios , 1 comentario, X comentarios" por una imagen cualquiera, de manera que ésta actúe como enlace hacia los comentarios de cada entrada...

Para aplicarlo en tu blog haz lo siguiente:

Diseño>Edición de HTML>expandimos artilugios

Busca el bloque perteneciente al enlace de comentarios:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

Y bórralo por completo. Ahora pon este en su lugar:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><img src='URL DE TU IMAGEN'/></a>
</b:if>
</b:if>
</span>

Sustituye URL DE TU IMAGEN por la dirección de tu imagen o icono ^[+].

En Iconfinder podrás encontrar un variado surtido de iconos, entre ellos, de comentarios.

Para terminar, guarda la plantilla:

Pulsa el botón Guardar Plantilla para terminar

Pulsa el botón Guardar Plantilla para terminar

Destacar el nombre del comentarista en Blogger

9:58 Comentarios No comments

Entrada publicada originalmente en el balcón de Jaime. Visitar

Personalizar el texto del nombre del comentarista en blogger

Ya hemos visto cómo destacar y personalizar el nombre del autor de las entradas en un blog. Ahora es el turno de los comentaristas y por lo tanto aprenderemos a modificar el aspecto del nombre o apodo utilizado por el lector que publica su opinión.

En la siguiente imagen puede comprobarse el resultado:

Diseño>Edición de HTML>expandimos artilugios

Diseño - Edición de HTML - sin expandir artilugios

Localizamos este bloque de código en la plantilla:

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

Ahora bien, para personalizar el nombre del autor del comentario cuando éste ha iniciado sesión en blogger añadiremos lo resaltado en color verde:

<a expr:href='data:comment.authorUrl' rel='nofollow'><span class='bljAutrjteComen'><data:comment.author/></span></a>

En el mismo bloque de código pero unas líneas más abajo veremos nuevamente la etiqueta <data:comment.author/>, aunque esta vez sin enlace porque se trata de la utilizada por comentaristas que comentan como anónimo o nombre/url. Repetimos lo realizado anteriormente:

<span class='bljAutrjteComen'><data:comment.author/></span>

Para terminar, buscamos la etiqueta ]]></b:skin> para insertar justo antes estas propiedades CSS:

.bljAutrjteComen {
font-size: 14px; /* Tamaño del texto (14) */
color:#333333; /* Color del texto (#333333) */
font-family: Arial,helvetica,sans-serif; /* Fuente a utilizar */
font-weight:normal; /* Estilo del texto (para cambiar a negrita reemplaza normal por bold */
}

Cada línea contiene una descripción para facilitar la modificación. Utiliza la tabla de colores para obtener el código de cualquier color.

Como agregar numeración a los comentarios

22:12 Comentarios, El Balcón de Jaime No comments

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Numerando los comentarios del blog

Con este truco podrás añadir en tu blog algo bastante útil: la numeración de comentarios. Esto ayudará a tus lectores a leer cada una de las opiniones realizadas en tu blog y que, a partir de ahora estarán ordenadas.

Desde hace un tiempo estuve probando varias formas de hacer el truco y conseguí idear un script (muy corto y fácil de instalar ya que solo tiene dos pasos) que numera cada comentario y se visualiza correctamente en Firefox e Internet Explorer.

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta </head> y encima pega este script:

<script type='text/javascript'>
//<![CDATA[
var balcont = 0, balconti = '';
function Showbalcont(balcn1) {
if (balconti != balcn1) {
balcont = 0;
balconti = balcn1;
}
document.write(++balcont);
}
//]]>
</script>

Ahora busca este bloque y añade lo que te muestro en color verde:

<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>

<span class='delete-comment-icon'> </span>
</a>
</span>
(<script type='text/javascript'>
Showbalcont('<data:post.id/>');
</script>)
</b:includable>

Guarda la plantilla para terminar...

Pulsa el botón Guardar Plantilla para terminar

Nota:

El número aparecerá entre dos paréntesis ( ), los cuales pueden distinguirse en el código subrayado en verde -al principio y al final de éste-.

Puedes reemplazar los paréntesis por una frase. En ese caso, borra el último paréntesis y sustituye el el primero por las palabras escogidas.

Como añadir emoticones tipo Messenger a Blogger

21:07 Comentarios, Diseño, El Balcón de Jaime No comments

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Añadir emoticonos del Messenger a Blogger

Existe un script que muestra emoticonos en los comentarios de los blogs de blogger. Tras haberlo modificado un poco, hice que cada emoticon fuese uno de los que se suele ver al usar el servicio Messenger.

Ver los emoticonos en funcionamiento

Instalar los emoticones del Messenger en tu blog es muy sencillo y resulta bastante confortable poder escribir y expresar conocimientos junto con algunas de esas divertidas caritas.

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta </body> y añade esta línea justo encima:

<script src='http://sites.google.com/site/scriptsbalcon/b/balconemotic.txt' type='text/javascript'></script>

Ahora, en caso de tener el formulario de comentarios incrustado bajo las entradas ^[+] y querer añadir la imagen de los emoticonos busca esta línea:

<p><data:blogCommentMessage/></p>

Y justamente debajo inserta:

<center><img style="width: 348px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKjccT-bLECDwBZZKpOije3XvjFVdcD30eGpkRCRh8nEm92W6nsKoOkMC4-YTXgARp5DtChZxB_DkQ-d4LOhu_u-dX96tAULJfnpf_3jRzBiCeyqyHFUDgOTXUO0HQH-sGNrm8XqL8_yI/s0/balconemoticones.png" border="0" /></center>

Obtendrás este resultado:

Añadir emoticonos del Messenger a Blogger

Finalmente, guarda tu plantilla:

Pulsa el botón Guardar Plantilla para terminar

Nube de Top Comentaristas en el Blog

20:03 Comentarios, El Balcón de Jaime, Nube No comments

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Nube de Top Comentaristas para el blog

Un truco muy popular es el de Top Comentaristas, que muestra una lista con los nombres de los lectores y el número de comentarios que cada uno ha publicado (en ocasiones, hasta un enlace hacia el perfil de cada usuario).

Con esta entrada quiero presentarte un truco muy similar que muestra los "Top Comentaristas" del blog en forma de nube, tal y como puedes ver en la imagen a continuación...

Está basado en las Pipes de Yahoo y un script que construí con indicaciones de varios sitios web que hablaban del tema, como Blog-Zone.

La instalación es sencilla y en unos minutos dispondrás de tu propia nube.

Diseño>añadir gadget (elemento de página)>html-javascript

Lista de blogs con movimiento personalizable en blogger

Pega lo siguiente:

<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function blnube_centro(feed) {
max = 0;
min = 10000;
for (i=0;i<feed.count;i++)
{
blnube_elements = feed.value.items[i].commentcount * 1;
if (blnube_elements > max)
{
max = blnube_elements;
}
if (blnube_elements < min)
{
min = blnube_elements;
}
}
blnube_elementos = "";
display = "";
for (blnuub=0;blnuub<feed.count;blnuub++)
{
blnube_parent = feed.value.items[blnuub].commentcount - min;
blnube_tam = 80 + (blnube_parent * 100) / (max - min) + "%";
blnube_autrr = "'" + feed.value.items[blnuub].authorurl + "'";
blnube_elementos = "(" + feed.value.items[blnuub].commentcount + ")";
blnubID = feed.value.items[blnuub].title + blnube_elementos;
blnubID2 = "<a style='text-decoration:none;font-size:" + blnube_tam + "' href=" + blnube_autrr + " target='_blank'>" + blnubID + " </a>";
display = display + blnubID2;
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://elbalcondejaime.blogspot.com
&Exclusions=Anonymous,Jaime Trujillo Escobedo
&_callback=blnube_centro
&ShowHowMany=30
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<center><span style="line-height: 30px; margin-top:20px; text-decoration: none; border: 1px solid #ccc; padding: 2px; "><a href="http://goo.gl/joYn" target="_blank">Conseguir este widget</a></span></center>
</div>

Ahora tan solo debes sustituir http://elbalcondejaime.blogspot.com con la dirección de tu blog.

Puedes controlar el número de comentaristas a mostrar en la nube editando la cifra 30 de la línea &ShowHowMany=30.

Al escribir mi nombre (resaltado en naranja) consigo que mis comentarios no sean mostrados y no aparezca en la lista. En caso de que prefieras aparecer en tu propia lista como Top Comentarista, conserva dicho nombre.

Si por el contrario, quieres hacer lo mismo que yo y "filtrar" tu nombre, reemplaza Jaime Trujillo Escobedo por tu nombre o apodo tal cual aparece en tu perfil de blogger (con espacios, tildes...).

Guarda el gadget para terminar.

Nota:

- Te aconsejo que para evitar el retraso al cargar el blog, coloques la nube al final (aprox.) de la barra lateral o, de ser posible y únicamente si tienes el truco instalado, en una de las columnas del footer.

- Agradecería que no borrases el enlace que contiene el código denominado "Conseguir widget" ya que permitirá a tus lectores el poder obtener esta nube y estarás, al mismo tiempo, agradeciendo el trabajo realizado.

Mostrar todas las entradas y comentarios del blog en un cartel

13:00 Comentarios, Diseño, Entradas, Estadísticas, Favoritos

Como habíamos visto en otra entrada anterior sobre cómo poner un script para mostrar todas las entradas y comentarios de nuestro Blog, esta es otra opción pero con un icono para cada sección y también tendrá un contador de días online desde que empezó el Blog, así se vería:

Para colocar este script solamente van Diseño > Elementos de la página > Añadir un elemento HTML/Javascript y pegamos el siguiente código:

<div class='widget-content'> <p><p> <img src="http://i147.photobucket.com/albums/r308/alb3rto_williams/txt.png" /> <script style="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script> <script src="http://TUBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> <strong>Entradas</strong> <p> <p><p> <img src="http://i147.photobucket.com/albums/r308/alb3rto_williams/folder_apps.png" /> <script style="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script> <script src="http://TUBLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> <strong>Comentarios</strong> <p> <p><img src="http://i147.photobucket.com/albums/r308/alb3rto_williams/Globe-icon-1-1.png" /> <script> function DiasOnline(Dia, Mes, Year, Texto) { Meses = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); Hoy = new Date(); Inicio = Date.parse(Meses[Mes - 1] + " " + Dia + " " + Year); Resultado = Math.round((Hoy.getTime() – Inicio) / 86400000); document.write(Resultado + " " + Texto); } DiasOnline(18, 05, 2010, "Días Online" );</script> </p> <p><span style="font-weight:bold;"> </span></p></p></p></p></p></p></p></div>

Ahora solamente cambiamos los valores que están en color azul por el nombre de tu Blog y la fecha en que se inicio. Eso sería todo, solamente guardamos y listo.

-Por V-Junker

Gadget para saber quienes son los que más comentan

21:57 Comentarios, Widgets 2 comments

Hace unos días publiqué el truco para incluir en el blog una nube de top comentaristas que muestra los nombres de los lectores que más comentarios han escrito.

Ahora quiero presentarte otra manera de mostrarlos, en una lista numerada y con la posibilidad de configurarlo a tu gusto en unos segundos sin tener que editar ningún código.

Haz clic sobre el siguiente botón para comenzar con la creación:

Vía

Mejora Tu Blogger

Como habilitar los comentarios en las páginas de blogger

Cómo agregar comentarios de Facebook en Blogger

Cómo agregar el número de comentarios arriba del post

Inserta tabla de últimos comentarios

Cómo quitar los iconos de comentarios de blogger y poner los nuestros

Cambiar el "Sin comentarios" o "x Comentarios" por una imagen o icono

Destacar el nombre del comentarista en Blogger

Como agregar numeración a los comentarios

Numerando los comentarios del blog

Como añadir emoticones tipo Messenger a Blogger

Añadir emoticonos del Messenger a Blogger

Nube de Top Comentaristas en el Blog

Mostrar todas las entradas y comentarios del blog en un cartel

Gadget para saber quienes son los que más comentan

Sígue las publicaciones en Twitter

Mejores Maestros Blogger

Etiquetas

Archivo del blog