Me he encontrado en kadazuro blog con este gadget diseñado en flash para mostrar los updates de Twitter en el blog.
Muestra nuestro avatar de Twitter y además mediante las flechitas que tiene incorporadas podemos ir retrocediendo a updates anteriores.
Para colocarlo solo tenemos que copiar y pegar el código en un gadget HTML aunque funciona perfectamente en las entradas, como podéis comprobar aquí mismo:
[1] Este es el código que deberemos copiar y pegar donde vayamos a mostrar el gadget:
[2] Modificaciones que podéis hacerle de forma manual:
userId=RosaTorre Cambiáis RosaTorre que es mi nick de Twitter por el vuestro. Fijaros que habréis de hacerlo dos veces.
mainColor =0x336699 Cambiáis por el código del color que queréis que tenga el la burbuja donde van incluidos los updates. Fijaros que tendréis que hacerlo sin tocar el 0x que está pegado al código del color.
fontColor=0xFFFFFF El color del texto de los updates, tendréis que respetar igual que antes el 0x previo al código del color.
dateColor=0x336699 El color del texto con la fecha de los updates.
bgcolor="#FFFFFF" El color de fondo del gadget.
[3] Las mismas modificaciones anteriores, pueden hacerse de forma automática desde el blog del creador del gadget a través de un generador incluido en la entrada de presentación del gadget.
Hace tiempo veíamos la forma de añadir texto sobre una imagen, al parecer el tema no quedó demasiado claro respecto como por ejemplo estilos para la fuente del texto o posicionar ese texto a nuestro antojo.
Lorem Ipsum is simply dummy text of the printing and typesetting industry..
Lorem Ipsum has been the industry's standard dummy text...
Lorem Ipsum is simply dummy text of the printing and typesetting industry..
Lorem Ipsum has been the industry's standard dummy text...
</div>
</div>
Y entendemos lo que añadimos. -Subimos la imagen al editor de entradas, en la pestaña de Edición de HTML copiamos la url de la imagen y la añadimos donde dice "url de la imagen" -Con la propiedad float estamos adaptando el texto respecto al fondo, al escoger left lo adaptamos a la izquierda, si fuera a la derecha sería right. -En la propiedad position escogemos absolute para ubicar el texto en un lugar concreto. -En style="color: black; font-family: Courier; es el sitio que podemos añadir estilos para la fuente siempre separados por por punto y coma ";" -En la misma línea de los estilos de fuente añadimos el espacio de separación del extremo ya sea izquierdo (left) o derecho ( right) indicando los pixels (left: 20px; para el ejemplo) -Al igual que dimos un espacio de separación a los extremos lo hacemos del borde superior top: 55px; si el texto cubre todo el espacio de alto de la imagen añadimos espacio inferior con bottom: xx; -Decidimos también el ancho que medirá el texto, lo haremos añadiendo width: 150px a más o menos anchura para el texto modificamos el valor de 150px
Para ello, debemos ingresar a las Herramientas para Desarrolladores utilizando nuestra cuenta de Google y allí veremos una lista con nuestros sitios. En algunos aparecerá a la derecha un enlace Verificado el si es que ya ha sido añadido previamente y en otros, un enlace que nos permite hacerlo por primera vez.
Si el blog es nuevo, no lo veremos así que deberemos hacer click en Añadir un sitio y allí, ingresar nuestra direción URL:
Hecho esto o haciendo click en Verifique la propiedad de este sitio de cualquier otro, se nos abrirá una página donde nos pedirán que decidamos el método de verificación.
Para poder mostrarle información y estadísticas detalladas sobre el sitio, debemos estar seguros de que es el propietario.
URL del sitio http://miblog.blogspot.com/ Estado de verificación NO VERIFICADO
Método de verificación Copie la metaetiqueta que se muestra a continuación y péguela en la página principal de su sitio. Debe incluirla en la sección , antes de la primera sección.
Seleccionaremos Metaetiqueta y copiaremos el código que nos dan:
La guardamos y en el panel anterior, hacemos click en Verificar.
Si todo es correcto, nos redirigirá a nuestro panel: "Googlebot ha accedido correctamente a su página principal."
Como al parecer, aún quedan dudas respecto al método para establece el dominio preferido, vamos a un ejemplo concreto. Supongamos que ya he agregado y verificado mi blog que tiene la siguiente dirección URL:
http://miblog.blogspot.com
Ahora, debería agregar otro con la misma dirección pero agregándole www:
http://www.miblog.blogspot.com
Se nos mostrará entonces una ventana igual a la anterior con una etiqueta META que, será la misma que ya tenemos agregada y, por lo tanto, simplemente hacemos click en Verificar.
La siguiente pantalla nos mostrará una advertencia:
Iremos entonces a Informacion del sitio | Configuración y allí, definiremos nuestro dominio preferido:
El dominio preferido es aquel que le gustaría utilizar para indexar las páginas de su sitio web. Si especifica su dominio preferido como http://www.example.es y detectamos un enlace a su sitio en el formato http://example.es , lo trataremos como http://www.example.es . Asimismo, tendremos en cuenta su preferencia cuando mostremos las URL en nuestros resultados de búsqueda. Es posible que los cambios tarden en reflejarse en nuestro índice.
Dominio preferido No establezca un dominio preferido Mostrar URL como misitio.blogspot.com . Mostrar URL como www.misitio.blogspot.com
Desde que Pepiche me preguntó sobre Disqus, me quedé con la curiosidad y prometí ver de que se trataba. Algún tiempo atrás ya había probado Intense Debate y no me había convencido pero, siempre hay que intentar usar alternativas y luego decidir.
Disqus es un servicio de comentarios externos que funciona desde el 2007 y que puede insertarse en cualquier sitio web, sean estos blogs o no. Es muy utilizado cuando los sistemas no disponen de comentarios como el caso de Tumblr pero también puede agregarse a una plataforma que ya los posee como Blogger o WordPress.
Su principal característica es que dispone de muchas herramientas que lo hacen flexible y que nos permiten gerenciar los comentarios de manera segura. Herramientas que incluyen moderación, tratamiento de spam, bloqueos, estadísticas y mucho más.
Una vez que nos registramos, podemos agregar distintos sitios y todos ellos los manejamos a través de la misma cuenta. Terminado ese registro, ya podemos integrar el sistema en nuestro blog. Para ello, hay una serie ayudas que, en principio, hacen el trabajo por nosotros y nos evitan escribir cosas. Para Blogger debemos descargar nuestra plantilla desde Diseño | Edición HTML y luego subirla a Disqus; allí le agregarán los códigos y luego, haremos el proceso inverso, descargamos la copia y la volvemos a colocar. En realidad, esto es un supuesto porque siempre que lo intenté, me devolvía un código de error sin explicaciones así que, mucho mejor es usar lo que ellos llaman el código universal ya que agregar los codigos no es nada del otro mundo y prefiero confiar en mis errores antes que en los errores ajenos.
Así que vamos a Universal Code donde nos dicen que debemos agregar algo similar a esto:
<div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/minombre/embed.js"></script> <noscript><a href="http://disqus.com/forums/minombre/?url=ref">View the discussion thread.</a></noscript> <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
¿Dónde? En Blogger, colocaremos eso donde ahora van los comentarios; expandimos la plantilla y buscamos esto:
<b:include data='post' name='comments'/>
Lo eliminamos y lo reemplazamos por el código que nos dieron.
También nos dicen que agregemos un script justo antes de </body>, es decir, al final de la plantilla. El código es algo similar a esto:
Pero esto no es obligatorio y podemos obviarlo. Es un script que reemplaza los enlaces por un contador (comment count code) y para usarlo se debe agregar #disqus_thread al final de esos enlaces; su utilidad es relativa, serviría, por ejemplo, para ... bueno, para algo
Así que lo lógico, es usar sólo el primero.
Por último, en Blogger debemos deshabilitar los comentarios actuales. Eso lo hacemos en Configuración | Comentarios:
Comentarios
Como dije, podemos agregar varios sitios con la misma cuenta; simplemente agregamos la URL, le damos un nombre y listo. Cada uno de ellos tendrá una página de acceso exclusivo y accesos a las diferentes secciones que usemos. En ese sentido, es bastante cómodo pero, pese a que nos preguntan por el idioma, TODO está en inglés e incluso, los textos mostrados son una mezcla de inglés y español bastante estrafalaria.
Una serie de widgets extras permiten que agreguemos más información. Todas se instalan de manera simple, copiando el código y pegándolo en algún elemento HTML.
Recent Comments muestra los comentarios recientes; Popular Threads lista las entradas más comentadas y Top Commenters los comentarios de los usuarios más activos. Combination es eso, una combinación de los tres widgets en uno y se muestran como pestañas.
La parte gráfica la podemos modificar bastante, no así los textos. Hay tres modelos básicos pero también podemos personalizarlo con CSS. Hay una ayuda al respecto pero es algo limitada y no estamos restringidos a eso, casi cualquier cosa puede ser cambiada, incluyendo los botones; una excepción, el área de textos donde se escriben los comentarios es un IFRAME y por lo tanto, sólo puede ser cambiada parcialmente.
Una serie de parámetros que pueden agregarse al script original y un API para desarrolladores permiten acceder a ciertos detalles pero con bastante dificultad. La mayor parte de la configuración debe hacerse desde los paneles del mismo sistema.
Y aquí viene la parte sustancial de este y de otros sistemas similares.
Al usarlos, los comentarios pasan a ser gestionados por otro sistema distinto del que tenemos, dejan de alojarse en Blogger para pasar a ser alojados en Disqus por lo tanto, hay que tener muy en cuenta que el cambio será permanente.
Es cierto que el sistema provee herramientas de importación y exportación. La primera nos permite hacer una copia de los comentarios previos; los lee y los guarda en el nuevo sistema. Desde allí, podemos gestionarlos sin problemas; permanecen guardados en Blogger y también se agregan a Disqus. El problema surge con los nuevos; de aquí en más, se alojarán allá y no en Blogger.
Aunque la palabra exportación parece atractiva, no podremos hacer el proceso inverso. La exportación existe pero no hay forma de agregar los comentarios otra vez a nuestro sistema, a ningún sistema; así que, si por alguna razón decidimos no usar más el servicio, podemos volver al sistema viejo y veremos lo que allí teníamos pero no todos aquellos agregados con Disqus; para verlos, deberemos entrar en esa cuenta; permanecerán allí aún cuando ya hayamos eliminado el sistema de nuestro sitio.
Es importante entender esto para evitar sorpresas desagradables.
Lo mejor, me parece, es probarlo en un blog auxiliar y ver si nos convence o si satisface nuestras necesidades.
Lo he agregado a este blog y a modo de ejemplo, hay varios comentarios "falsos" en esta entrada. Obviamente, están moderados porque aún no estoy tan loco
Para ello, debemos ingresar a las 
Así que vamos a 
