Herramientas, Microblogging

Utiliza Twitter para recibir feedback de tus lectores

Publicado por Claudia en julio 29, 2009

Considero que el feedback es necesario en todo sitio web, y más aun si hablamos de “web social”. Solicitar feedback implica una actitud más activa y receptiva que dejar un formulario de contacto para cuando alguien tenga que decirte algo; es la diferencia entre la necesidad del lector y la necesidad del blogger (o de ambos).

Buscando algún servicio que me permitiera recibir sugerencias acerca de mi blog, llegué hasta uno de los últimos videos de Chris Pirillo en Youtube, donde comenta de una aplicación basada en Twitter llamada “TwiFeedBack“.

TwiFeedback

TwiFeedback no es más que un widget que instalas en tu blog, y que aprovecha el poder de Twitter para crear una mini-comunidad que opina, que da ideas sobre cómo implementar mejoras, que reporta algún problema, que hace preguntas o que sencillamente te quiere felicitar por tu trabajo.

Cada vez que alguien haga un comentario desde el widget, se publicará automáticamente un tweet con tu nombre de usuario y un hashtag a elección, que puede ser #feedback, #sugerencia o algún otro. Por ejemplo: “@claudiacs #sugerencia Sería genial que le hagas algunos retoques al diseño de tu blog, o que postess sobre x tema“. Quienes estén de acuerdo, podrán votar desde el widget, o bien hacer una sugerencia aparte.

Puedes usar tu cuenta Twitter para probar TwiFeedback directamente desde la pestaña “Feedback” de su sitio web. Por ahora, el widget -que me parece grande y poco personalizable- puede ser añadido a la sidebar, o quizá a alguna página individual de cualquier blog que soporte javascript. No obstante, están trabajando para poner a disponibilidad de todos las tabs flotantes, que emulan a los badges de Feedback de GetSatisfaction que probablemente has visto en muchos blogs en inglés. A esperar un poco más.

Tags: ,
Web 2.0

Ahora también crea Portafolios en Deviantart

Publicado por Claudia en julio 27, 2009


Como bien sabemos, Deviantart es el lugar perfecto para que cualquier artista, diseñador gráfico o fotógrafo pueda mostrar sus trabajos al mundo. Recientemente, lanzó “Portfolio, the awesome version“, una aplicación web para crear portafolios profesionales.
Existe la posibilidad de crear una cuenta gratuita o premium. Las cuentas gratuitas permiten obtener un subdominio .daportfolio.com y hospedar hasta 100 imágenes. La interfaz es extremadamente sencilla de usar: no necesitas tener conocimientos de HTML, y puedes subir tus imágenes o importarlas desde tu cuenta de Deviantart. Además, puedes crear galerías de imágenes, escribir una pequeña biografía de ti mismo, subir tu currículum y agregar información de contacto.
Es verdad que los portafolios de DA son bastante básicos, porque la personalización del diseño sólo consiste en escoger entre dos colores (blanco y negro) , elegir entre una fuente serif o sans serif o cambiar el color de los enlaces; sin embargo a todas luces es una manera más estética y atractiva de presentar tus trabajos, y sin la molesta publicidad de las tradicionales galerías de Deviantart.
Enlace: DA Portfolio | Vía: ILoveColors

Free Blogger Templates

Quick Chic: Template minimalista para Blogger

Publicado por Claudia en julio 24, 2009

Vi este theme para WordPress, y lo tomé para experimentar un poco en Blogger. Fue diseñado por QuickOnlineTips y, como puede apreciarse, es minimalista y algo femenino.

DEMO | DESCARGA

Características de la plantilla:

  • Dos columnas
  • Buscador interno incluido
  • Variables para la personalización de fuentes y colores*
  • Destaca el primer post*
  • Optimizada para SEO
  • Compatible con IE 6, 7, 8, Firefox, Chrome y Opera

* Tiene la ventaja de que al no utilizar más imágenes que los íconos RSS, puedes cambiar el rosado por cualquier color, e incluso deshabilitar el color de fondo del primer post desde la edición de fuentes y colores.

Tags:
Blogger

Dos interesantes hacks vietnamitas para Blogger

Publicado por Claudia en julio 22, 2009

Desde hace un tiempo, estoy leyendo blogs indios y vietnamitas, desde donde surgen extraños y a veces impensados trucos para Blogger. Estos son dos de ellos:

1. Auto-leer más configurable


Hace meses, veíamos tres distintas maneras de crear excerpts (resúmenes con “leer más” en Blogger). En general, todas funcionan bien, expecto para IE6, donde es muy probable que los scripts no anden.

Este nuevo script, que deriva del “leer más con thumbnails” (de hecho, es su versión mejorada), tiene dos ventajas: (1) puedes elegir el punto de corte del resumen de acuerdo a cada post, eligiendo mostrar o no mostrar una miniatura de imagen y (2) el límite de corte del excerpt se fija en un número de palabras, y no de caracteres (las palabras ya no se verán cortadas).

Se añade en dos pasos:

1) Busca el siguiente código en tu plantilla (con los artilugios expandidos):

<data:post.body/>

y reemplázalo por:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div style="clear:both" align='right' class='rmlink'><a expr:href='data:post.url'>-->Leer más</a></div>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

(En esta zona puedes editar el “–>Leer más”).

2) Antes de la etiqueta body, pega:

<script type='text/javascript'>
var thumbnail_mode = 'no-float' ; 
var classicMode = false ;
var summary_noimg = 60;
var summary_img = 50;
var img_thumb_height = 150;
var img_thumb_width = 220;
var indent = 3;
</script>
 
<script type="text/javascript">
//<![CDATA[
/******************************************
Auto-readmore link script, version 4.0 (for blogspot)
 
(C)2009 by Anhvo
 
Homepage:  http://vietwebguide.com 
 
Please dont remove this copyright or change it into your own
******************************************************/
 
/*******************************************
         CONFIG (extenal code)
        -------------------------------
 
var thumbnail_mode = "float" ; //(or "no-float")
var classicMode = false ;
var summary_noimg = 60;
var summary_img = 50;
var img_thumb_height = 100;
var img_thumb_width = 120;
var indent = 3;
 
*********************************************/
 
function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}
 
function getSummaryLikeWP(id) {
        return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0];
}
 
function getSummaryImproved(post,max){
   var re = /<.*?>/gi
   var re2 = /<br.*?>/gi
   var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi
   var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi
 
   post = post.replace(re4,'')
   post = post.replace(re3,'<br /> ').split(re2)
 
   for(var i=0; i<post.length; i++){
    post[i] = post[i].replace(re,'');
   }
 var post2 = new Array();
 for(var i in post) {
  //if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);
  if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;
 
 }
 
 
 var s = "";
 var indentBlank = "";
 for(var i=0;i<indent;i++){
  indentBlank += " ";
 }
 if(post2.join('<br/>').split(' ').length < max-1 ){
   s = post2.join(indentBlank +' <br/>');
 } else {
  var i = 0;
  while(s.split(' ').length < max){
   s += indentBlank + ' ' + post2[i]+'<br/>';
   i++;
  }
 }  
 return s;
}
 
 
function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var content = div.innerHTML;
 if (/<!--\s*more\s*-->/.test(content)) {
  div.innerHTML = getSummaryLikeWP(pID);
  div.style.display = "block";
 } 
 else {
 
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
 if(img.length>=1) { 
  if(thumbnail_mode == "float") {
   imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
   summ = summary_img;
  } else {
   imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>';
   summ = summary_img;
  }
 }
 
 var summary = (classicMode) ? imgtag + '<div>' + stripHtmlTags(content,summ) + '</div>' : imgtag + '<div>' + getSummaryImproved(content,summ) + '</div>';
 
 div.innerHTML = summary;
 div.style.display = "block";
 }
}
//]]>
</script>


Configuración

Ahora, puedes configurar el script haciendo una modificación en las siguientes variables:

var thumbnail_mode= ‘no-float’;
var classicMode = false;
var summary_noimg = 60;
var summary_img = 50;
var img_thumb_height = 150;
var img_thumb_width = 220;

  • La variable thumbnail_mode determina la flotación a la izquierda de la imagen. Si eliges ‘no float’, la imagen no se mostrará en miniatura; si eliges ‘float’, se mostrará una miniatura a la izquierda en los posts de la página principal.
  • ClassicMode determina si todas las entradas se van a cortar en el mismo punto o no. Es recomendable cambiarla a true si antes cambiaste el valor de la variable thumbnail_mode a ‘float’.
  • Summary_noimg y var Summary_img corresponden al punto de corte del resumen cuando tu post no tiene imagen y cuando sí tiene, respectivamente. El valor 50, por ejemplo, significa “50 palabras”.
  • Img_thumb_height e img_thumb_width corresponden al alto y al ancho de los thumbnails (miniaturas de imagen).

La novedad de esta versión del script, es que puedes poner en tus entradas, tal y como en WordPress. Incluirlo, significa pasar por alto el límite fijado para el corte automático de entradas.

Por ejemplo:

Párrafo 1 <!-- more --> Párrafo 2

Se va a mostrar el párrafo 1 y no el 2, independientemente del número de palabras que tenga.

Aunque el script es mejor que los anteriores, al ser automático tiene la desventaja de mostrar siempre el enlace “leer más”, en todas las entradas.

Fuente

2. Bloquea usuarios por IP

Banear usuarios indeseables por IP, es algo imposible de hacer desde el panel de Blogger. Sin embargo, puedes hacerlo con javascript y PHP, añadiendo el siguiente código al inicio de tu head:

<script type="text/javascript" src="http://code.vietwebguide.com/php/addr.php"></script>
<script type="text/javascript">
//<!CDATA[
// Banned ip script 2.0
//(C)2009 Anhvo
//homepage: http://vietwebguide.com
 
var banned_ip = new Array();
 
banned_ip[0] = '85.142';
banned_ip[1] = '22.98.69.1';
banned_ip[2] = '22.98.69.146';
banned_ip[3] = '85.78';
 
var mes_bi = "Tu IP está baneada y no puede ver este sitio!";
 
for(var i=0;i<banned_ip.length;i++) {
 eval('var re = /^' + banned_ip[i] + '/ ;');
   if (re.test(mc_user_ip)) 
   {
     document.write('<style type="text/css">');
     document.write('BODY{display:none;}');
     document.write('<\/style>');
  alert(mes_bi); 
    break;  
  } 
}
//]]>
</script>

Ahora, sólo es cosa de añadir más IPs a la lista. Puedes banear IPs por rango en vez de IPs individuales, por ejemplo: Si quieres bloquear todas las IPs del rango ‘66.45.xxx.xxx’, añade simplemente “66.45” en el número de IP.

Cabe destacar que Blogger no permite conocer la IP de tus comentaristas, pero sí puedes conocer ésta cuando te contactan vía correo electrónico o formulario de contacto.

Fuente

Wordpress

SEO Super Comments: Posiciona mejor gracias a tus comentarios

Publicado por Claudia en julio 16, 2009

Quienes usamos WordPress, conocemos la importancia de usar plugins SEO (como All in One SEO o SEO Friendly Images) para mejorar el posicionamiento de nuestro sitio en buscadores. Los plugins SEO están fundamentalmente dirigidos a la optimización del contenido y las imágenes. Pero, ¿por qué no pensar en valernos de los aportes de nuestros comentaristas?

El propósito del plugin SEO Super Comments es justamente utilizar los comentarios para posicionar mejor en buscadores. Dicho de otro modo, los comentarios de un blog son contenido indexable y rankeable que podrías explotar para obtener más tráfico.

Seo Super Comments funciona básicamente de la siguiente manera: Por cada comentario, se crea una página dinámica indexable, que actualmente no existe. Dicha página toma un resumen de cada comentario para crear un título con tag H1, y muestra los últimos comentarios de cada usuario, haciendo que tal página parezca más interesante para tus visitantes. Ello podría conducir a más páginas vistas (y más visitas), menos porcentaje de rebote y, por qué no, quizás un leve incremento en tu CPM de Adsense.

Suena fantástico, ¿no? Es un plugin pensado en la búsqueda de frases largas, que podría dar resultados si tienes una buena cantidad de comentarios, y si el contenido de éstos es de calidad.

El plugin no requiere ninguna configuración adicional luego de su instalación (todo es automático), aunque sería deseable una traducción al español.

Información adicional :