Facebook, Twitter y LinkedIn, herramientas sociales para apoyar tu Blogger

Para un novato, puede ser bastante confuso estrenarse en la construcción de una comunidad social. Un montón de dudas pueden surgir: 
     • ¿En cuales redes participar?
     • ¿Cómo hacerlo?
     • ¿Cuanto es suficiente, y cuanto es demasiado?
     • ¿Cómo pueden ayudar a mi presencia en la web? 

Mi respuesta: empieza con Facebook o Twitter y según le vayas cogiendo el tranquillo, inscribete en todas las que puedas. A efectos, de la presencia SEO de tu blog, nunca es demasiado.

Ojo al dato: Desde el 21/10/2009, BING buscará oficialmente en Twitter y Facebook; y computará privilegiadamente para el ranking de enlaces.

Vamos con una rápida visión de conjunto:

Facebook – Desde 2005, cuando era sólo un un juguete para estudiantes universitarios, ha evolucionado y crecido hasta ser en el 4º sitio más grande del mundo.   Pero sobre todo, ha acabado por convertirse en la mega-red donde mejor puedes encontrar gente, mantener el contacto con los amigos e informarles de todo lo que se te ocurra. Tanto es así, que en algunos casos, el seguimiento ha llegado a convertirse ¡en acoso! Pero, en general, Facebook es un gran lugar para comenzar tus experimentos en redes sociales.

Twitter - En 2009, Twitter ha pasado de casi 5 millones de usuarios a más de 23 millones. Puedes compartir de forma faci8lisima enlaces, fotos, videos, artículos y sobre todo... ¡tus tweeds personales!. Sin anuncios molestos, ni funcionalidades inútiles, posee una posibilidad limitada de personalización, a diferencia de la obsoleta MySpace. Por algo es la plataforma social de cabecera en la lista Fortune 100.

LinkedIn – Se ha convertido en la herramienta indispensable para el  networking profesional: es dónde te mantendrás en contacto con tus compañeros de profesión, publicarás currículos y buscarás anuncios de trabajo. También puedes utilizarlo como palanca comercial para realizar compras y ventas.
Muy similar a Facebook, podrás concentrarte en construir tus credenciales basándote en las recomendaciones que de ti, den tus colegas.

Pulsa para CONTINUAR LEYENDO...

Trucos del Almendruco: cómo localizar rápido un archivo que no carga en tu Blogger

  A veces uno puede encontrarse con cosas como esta,
que una imagen no carga en la página. Uno puede liarse a buscar en el código o bien puede ir a PINGDOM.
Mete uno su URL y comprueba rapidamente que componente de la página está dando el problema:

Y así puede servir para controlar enlaces desaparecidos, servidores caídos, y ese tipo de cosas.

O fallos en el diseño, como unas etiquetas erróneas en la configuración de las evaluaciones del post, por ejemplo.

Pulsa para CONTINUAR LEYENDO...

Elegir el browser: Firefox y sus Add-ons (capitulo 02)

  Como veníamos contando en Firefox y sus add-ons (Cap. 01) los add-ons son uno de los motivos por los cuales Firefox es mi browser (navegador) de cabecera. Facilitan mucho la vida, no sólo para navegar sino a la hora de componer blogs.
Seguimos con la lista de add-ons desde el número 6:

Para la NAVEGACION:
6. Session Manager. Si todos los días visitas los mismos sitios, ya sea en pestañas o ventanas distintas, sólo tienes que guardar la sesión con su nombre distintivo. La vez siguiente seleccionas tu sesíón guardada y ¡hop! todo se abre de la misma forma en que estaba. También te recuperará el estado del navegador después de uno de esos crashes que ocurren cuando tienes 100 páginas abiertas.

7. XMarks (anteriormente conocido como Foxmarks). XMarks tiene su propia página ya que ha tenido mucho éxito. Sincroniza tus marcadores (bookmarks) a través de un servidor externo. Se almacenan bajo contraseña, de forma segura y con copia de seguridad. Únicamente tienes que instalar XMarks en los distintos PCs que utilices, configurarlo y ¡a sincronizar se ha dicho! 

Para la INTEGRACIÓN con otras aplicaciones:
8. GMail Manager. Si tienes varias cuentas Gmail es estupendo, y si tienes sólo una, también. Te permite recibir notificaciones “tienes un e-mail”, junto a los detalles de la cuenta: mensajes no leídos, borradores, correo no deseado, espacio disponible y otras.


Para la GESTIONAR páginas ajenas:

9. Quirk Search Status. Puedes verlo en su propia página también. Para ser un amo del SEO sólo necesitas saber un montón de cosas: Google PageRank, Categoría Google,  ranking popularidad Alexa, ranking Compete.com, SEOmoz Linkscape mozRank, enlaces entrantes Alexa, enlaces relacionados Alexa  y los enlaces de retorno desde Google, Yahoo! y MSN. Con toda esta información tienes una visión completa del sitio (site) desde el punto de vista del tráfico y de la calidad de sus enlaces.

10. Scrapbook. ScrapBook graba las páginas web que visites, completas o como snippets, y  como sitio (site) completo. Y luego las organizas como si fueran bookmarks, con búsquedas, filtros y edición de las páginas guardadas.

Si después de estas 10 razones no te han entrado ganas de probar FIREFOX, háztelo mirar.

Pulsa para CONTINUAR LEYENDO...

Elegir el browser: Firefox y sus Add-ons (capitulo 01)

Aunque tengo prácticamente todos instalados navego y  desarrollo mis blogs con FIREFOX. SAFARI lo uso cuando quiero ver “bonita” una página y OPERA para “depurar” cuando algo no funciona en los otros browsers. Y EXPLORER… cuando no queda otro remedio. ¿CHROME? Al principio cuando salió lo usaba mucho pero después de la actualización empezó a darme problemas y, la verdad, lo tengo un poco olvidado. Tendré que retomarlo.
Es una tendencia que he observado últimamente, tanto en SAFARI como en FIREFOX, que las nuevas versiones (4.x y 3.x) han aumentado las funcionalidades pero han empeorado en términos de estabilidad y velocidad.

Pero vamos a lo que vamos, FIREFOX y sus add-ons (complementos), que es lo que le distingue por hacer la vida mucho más fácil.
Las 10 extensiones que usarás mucho:

Para el INTERFACE:
1. Adblock Plus. Olvídate de los anuncios que hacen que la página tarde mucho en cargar. Click-Dcha. encima de un banner, elige "Adblock" del menú, y ese banner nunca jamás volverá.

2. Tabs Open Relative. Las nuevas pestañas se abren justo a la derecha de la primera pestaña en lugar de a la izquierda lejana. Muchísimo más cómodo.

3. Colorful Tabs. Cada pestaña de un color. Más bonito y más práctico.

Para cuando compones tu BLOG:
4. ColorZilla. ¿Cual es el valor HEX de ese color que le queda tan bien a tu blog? Con ColorZilla tendrás un “cuentagotas” (eyedropper) que te da los valores  RGB y HEX del pixel que tiene debajo (p.ej., R:255, G:255, B:255 | #FFFFFF).

5. MeasureIt. ¿Cuanto mide esa foto? ¿Me cabrá en mi barra de widgets lateral? Arrastras el punto de mira (crosshair) sobre la superficie que quieras medir y tendrás altura y anchura medidas en pixeles.

Y los 5 restantes los dejamos para el siguiente post

Pulsa para CONTINUAR LEYENDO...

¿Que hacer cuando cambias la URL (dominio) de tu Blogguer?

He decidido cambiar la URL de mi blog desde http://lardt2.blogspot.com a http://zapateropresidenteyrajoygurtel.blogspot.com/
Para todos los aventureros que hagais lo mismo en vuestros blogs voy a ir anotando los cambios para que todo siga funcionando.
Lo primero es cambiarlo en la CONFIGURACION – PUBLICACION - Dirección Blog*Spot, donde introduzco el nuevo URL.
FEEDS: como tengo un feed abierto en FEEDBURNER en “Editar Detalles de Feed” cambio el “Original Feed” y la descripción sustituyendo “lardt2” por “zapateropresidenteyrajoygurtel”. El nombre FEEDBURNER NO LO CAMBIO para no desconectar a los suscriptores existentes.

GOOGLE ANALITYCS: en seguimiento.

Pulsa para CONTINUAR LEYENDO...

PacoPoker.com, el póker en cristiano

¿Te marean los términos en inglés: bid, pot, flop, turn, …? Pues desde ahora estás de enhorabuena porque Pacopoker ha creado un conjunto de sites que cubren todo lo imaginable para el póker en Español, estableciéndose como referente en el ámbito hispano.
Puedes elegir entre varios sitios para tu viaje:
Lo suyo es que comiences por noticiaspoker.es donde encontrarás toda la información de actualidad sobre el poker online. Pero quizás antes de jugarte los cuartos puedes necesitar un poco de doctrina. Para ello, e

n pokersapiens.es encontrarás una auténtica Universidad para aprender poker dónde podrás mejorar tus habilidades estudiando en tus lecciones de teoría los secretos de los mejores jugadores; pero además podrás ponerlas a producir rápidamente mediante las actividades y prácticas remuneradas.
Con tus conocimientos recientes ya estas preparado para visitar

pacopoker.com, donde acompañado por los dibujos de la mascota  del site, “Paco Póker” natural de Los Monegros,  puedes disfrutar de las principales modalidades de este juego de naipes haciendo uso de sus fantásticas promociones: el bono de bienvenida de 100% hasta 300 € o un torneo freeroll sin depósito ni condiciones. A jugar al poker. 
Y para terminar este garbeo por el mundo del poquer, ahora que eres casi un profesional, puedes usar poqueronline.org como tu portal de entrada al mundo del naipe online; ya que tienes un poco de todo; pero principalmente un fácil acceso a los principales portales de juego, comparados y valorados.

Ya puedes darle al Texas, al Omaha, al Draw o al Stud; siempre con un software de juego de máxima garantía y con cumpliendo los más altos estándares de seguridad. ¡A divertirse!

Recuerda: el Tribunal Supremo de los EE.UU ha establecido que el póker es un juego de habilidad y no de suerte.

Pulsa para CONTINUAR LEYENDO...

Herramientas útiles para tu blog: TextSNIP

Recientemente este tipo de herramienta (“Servidor de  texto”, lo podríamos llamar) ha saltado a la fama porque un fulano publico varios miles de contraseñas de Hotmail. ¿Y dónde las publicó? En “CopyPaste” una herramienta de este estilo.
Es sencillo. Para alojar de forma permanente un texto, abres tu cuenta y luego simplemente pegas tu texto.

Ventajas:
- Recibes un URL “ad hoc” para tu texto

- El texto puede presentarse en distinto formatos: HTML, XML, c#, CSS
- El servicio mantiene de forma sencilla tu texto con su formateo codificado por colores. Todos hemos experimentado los problemas que pueden surgir cuando uno intenta incluir sin más en el post texto que incluye partes que el compilador del blog puede interpretar como CODIGO. Utilizando TextSNIP se acabaron los problemas.

Y como siempre digo, en este blog nos ponemos “manos a la obra” así que para comprobarlo nos vamos a ir al siguiente post donde podéis probar el ejemplo en vivo.

Pulsa para CONTINUAR LEYENDO...

Con los monstruos ya se sabe…

Oh, Brother!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Erase una vez una niña que quería tener una mascota para quererla mucho.
Consiguió que su papá la llevara a la pajarería y allí encontró a “Brother”. Desde el mismo momento en que lo vio supo que “Brother” tenía que ser para ella. Pese a que papá pensaba que era muy feo (y tenía razón); al final se dejó convencer.
Tenía dos ojillos muy negros y muy juntos, dos antenas casi tan retorcidas como sus colmillos inferiores, y dos orejas largas y caídas. Pero todo eso lo compensaba con una sonrisa boba y un pelo largo y gris que le cubría todo el cuerpo como a un peluche.
“Brother” además resultaba barato de mantener porque se alimentaba de cariño. Y la niña y su familia le quisieron tanto, tanto, que “Brother” creció y creció sin parar.

En los ratos en que no estaba creciendo “Brother” resultaba un compañero de juegos estupendo. Le gustaba bailar, jugar al escondite (aunque cada vez le resultaba más difícil pasar desapercibido) y; más que nada en el mundo, escuchar el violonchelo que tocaba papá.
Pero un día, “Brother” había crecido tanto, tanto que ya no pasaba por la escalera y, peor aún, no cabía en el coche familiar. Y era un problemón. Papá pensó que a lo mejor, si dejaban de quererle… Sí, la única solución era dejar de quererle. Pero, ¿cómo evitar querer a “Brother”?

Y un día, tuvieron que dejarle en casa. Y “Brother” se puso muy triste, muy triste porque pensó que le habían dejado de lado y ya no le querían más. Mientras tanto, la familia le echaba mucho de menos y le cantaba “Brother, Brooootheeer…”
Y de repente, ¡Oh albricias! La familia volvió a casa estrenando un nuevo y flamante coche rojo, tan espacioso, tan espacioso que “Brother” podía viajar de nuevo con la familia y ya no tuvieron que separarse nunca más.
Y “Brother” y su familia fueron felices, se quisieron mucho y comieron perdices. Bueno, todos no, porque “Brother” comía “Delicatessen de higadillos de pollo de corral” de su marca preferida de comida para gatos.
Y colorín colorado, esta Historia XL, se ha acabado.

Por cierto… el nuevo y espacioso coche rojo era un Seat Altea XL.

Puedes enlazar el vídeo en esta dirección

 

Pulsa para CONTINUAR LEYENDO...

Viendo en directo cómo te juegas los cuartos en bet365…

  Para una vez que uno se decide a apostar por la “roja”, resulta que van y me salen ranas; y no me llegan a la final de la copa de confederaciones. Salvo ese pequeño detalle, la experiencia de apostar en bet365 estuvo bastante bien. Sobre todo, porque le da un poco de salsa extra al asunto de ver deporte por la tele.
Y para eso, bet365 parece perfecto porque ofrece una casa de apuestas online muy completa con la novedad de poder ver el evento deportivo en tiempo real en la propia web de apuestas. 

Ver álbum completo

En bet365 uno puede (sin necesidad de jugarse el dinero) ver tenis (Wimbledon), futbol (lo mismo el partido del Plus, que la exótica liga China o el soccer del Real Madrid Salt Lake City, o la Copa Confederaciones y el Mundial), básquet (NBA, ligas europeas), formula 1, voleibol, rugby, ciclismo y muchísimos más deportes, todos en directo.

Pero todo no va a ser ver deporte gratis, al fin y al cabo es una casa de apuestas. Como ya sabéis los fieles a este BLOG, aquí somos como el catador de Cleopatra: todo lo que contamos lo hemos probado antes.
El proceso de registro es bastante rápido y sencillo (dentro de que siempre son un poquito farragosos en las casas de apuestas) y sobre todo seguro. Cuando he introducido mi número de tarjeta, la web me ha conectado con el interface de operaciones de mi banca online donde he validado la operación con las claves de seguridad del banco.

A partir de ahí, todo lo que quieras: póker, casino, juegos de mesa (Monopoly pero con pasta de verdad….), bingo y los deportes; con más posibilidades de las que uno puede imaginar (nº de córneres a favor…).
Además tienes el incentivo de que te ingresan en tu cuenta de apuestas, como regalo, la misma cantidad de tu ingreso inicial hasta un máximo de 100€. Así que puedes apostar por valor de 200€ por sólo 100€. El ingreso mínimo es de 10€, por si quieres empezar suavecito. El crédito extra lo tienes disponible después de que hayas apostado la cantidad equivalente que le da origen.

Yo le hecho en falta una cosa: el web no tiene una versión especial para iPhone o móviles; que sin duda, le daría mucho juego. También tiene el pequeño inconveniente de que el POKER, requiere la instalación de software cliente en tu PC, y un re-registro; lo que hace un poco pesado el trámite de la primera apuesta. Sin embargo, el tema de la TV está magníficamente resuelto desde el punto de vista técnico. 

Os recuerdo la necesidad del juego responsable para lo cual bet365 tiene la posibilidad de limitar la cantidad jugada por día y/o semana. Para más información sobre cómo apostar, trucos y prácticas recomendables podéis visitar www.forobet.com y www.webapuestas.com

enlace patrocinado Vía ZYNC.ES

Pulsa para CONTINUAR LEYENDO...

Mucho cuidadito con los “servicios gratuitos” (Parte I: URLs Abreviados).

 

He tenido que dejar por espacio de unas semanas la administración y mantenimiento de mis blogs. Y cuando puedo retomar la cosa…
¡ES UN DESASTRE!

Podéis verlo en mi blog Mi iPhone 2G (¡Y también 3G!)

Voy a compartir mi experiencia por si os sirve de algo:

- El servicio de ABREVIATURA DE URLs “CLI.GS”: Lo utilizaba fundamentalmente porque me permitía realizar estadísticas de clicks sobre algunos enlaces. Pues resulta que todos mis links HAN SIDO SECUESTRADOS y apuntan a la pagina web de un subnormal en vez de adonde deben. Para más INRI, no puedo modificarlos ni desconectarlos puesto que la edición ha sido “deshabilitada temporalmente”. Lo he comunicado a la administración de la página.
Me pongo a buscar otro servicio gratuito de URLs para sustituirlo. TRACEURL parece que tiene buena pinta y es sencillo.

Creo un par de enlaces abreviados y cuando los pruebo al cabo de un rato “el servidor NO ESTÁ DISPONIBLE”!!!.
Pues vaya gafe. Resulta que no es gafe, parece ser que es bastante común que este tipo de servicios deje de funcionar.
Después de mucho buscar me he decantado por “tr.im” (crucemos los dedos) porque ofrece:
- Estadísticas de clicks bastante detalladas

- Permite generar URLs PERSONALIZADOS: en lugar de “urlcorto\g7JzYP” puedes tener “tr.im\FOROS” por ejemplo.

- Es importante que la redirección se realice mediante el comando “301”; es decir que los clicks puedan ser contabilizados por otras aplicaciones como ADSense y demás.
- Tiene integración directa con TWITTER, que como ya sabéis no admite URLs demasiado largos.
- Tiene un link para denunciar “spam” o “abusos” a diferencia de CLI.GS por ejemplo, que no lo tiene.
- Tiene una extensión para Firefox para facilitar el trabajo.
Así que ya sabéis: “CLI.GS” NI DE COÑA, “TraceUrl” puede fallar.

ACTUALIZACION 2009-06-19: Resulta que el proveedor de URLs abreviadas, ha sido atacado por un hacker y el 96% de los registros han sido alterados como los míos. Esto ocurrió el 15 de Junio. (2,2 millones de URLs). Por suerte, parece que los passwords de cuenta están a salvo.
Mal de muchos, consuelo de tontos.
Parece que se arreglará en breve, pero ¿qué le hubiera costado enviar un e-mail a los usuarios comentando la jugada? Me he enterado leyendo el blog del site, después de haberme pegado un palizón para cambiarlas. Lo dicho, la calidad del servicio es mala. (Aunque los cli.gs funcionaban bastante bien)

Pulsa para CONTINUAR LEYENDO...

Los mejores ScreenCasts para tu BLOG

Una imagen vale más que mil palabras. La posibilidad de crear un video para dar soporte a un tutorial o similar es una herramienta que aporta gran calidad a tu blog. En internet hay varios de forma gratuita pero con diferencia, el mejor es http://www.screentoaster.com.
Requiere registro pero una vez registrado puedes empezar a generar videos de buena calidad, sin necesidad de instalar software ninguno en el PC.
Dos grandes diferencias con respecto a los demás: a la hora de grabar el vídeo puedes seleccionar con facilidad la pantalla completa (dentro o fuera del explorador) o una sección de la pantalla. Incluso tiene una opción para grabar directamente de ¡¡una sesión VNC!!

Después de la grabación, la post-producción es lo mejor con unos subtítulos muy efectivos, y la posibilidad de enviar al servidor de ScreenCast, a YouTube, y a fichero en formato AVI y FLASH. No se me ocurren más opciones. Si a eso le añades que te da el código para embeber una pantalla en tu post. Pues eso, a mejorar el Blog.
Tienes ejemplos de lo que puede hacerse con ScreenCast en Google Mobile: una solucion para tus archivos

Pulsa para CONTINUAR LEYENDO...

Posicionamiento: Mejorando tu ranking en Alexa

 

 

 

Los que conocéis este BLOG ya sabéis su estilo: al grano y manos a la obra; ya sabéis que todo lo que se expone en este blog se prueba en él. Hay muchas recetas para mejorar el posicionamiento en los principales rankeadores y Alexa no es una excepción. He leído mucho, y os diré que la mayoría de ellas están fuera de cuestión (escribir blogs sobre Alexa) o fuera del alcance o contenido de los blogs de los simples mortales (crear una sección sobre Alexa o para Webmasters). Pero si he podido entresacar un par de cosas que son de sentido común y que además pueden mejorar tu blog. Así pues, vamos allá y resumiendo:
1. Instalar toolbar de Alexa en el buscador. Si tienes firefox puedes elegir entre un montón de complementos que incluyen la información de Alexa y alguna otra cosilla de utilidad.

2. Instalar el widget de Alexa en el Blog. Puedes elegir entre tres modelos en http://www.alexa.com/site/site_stats/signup. Yo he elegido el “Alexa Site Stats Button” como podréis comprobar en el lateral derecho. Vamos a tomar la referencia. El día 14/02/2009 los datos Alexa de este Blog eran: Traffic Rank: 23,880,857
3. Trucos del Almendruco: Cuando incluyáis vuestra firma en un post o comentario, con la dirección del blog podéis hacerlo “pasar” por Alexa como por ejemplo
 http://www.alexa.com/data/details/traffic_details?q=&url=http://tu-blogger-en2patadas.blogspot.com/
4. El Redirect: El ingenioso truco trata de llevarte a tu pagina con un link que te redirige desde Alexia. Aquí os dejo un link, pero A MI NO ME FUNCIONA, posiblemente porque los señores de Alexa se hayan dado cuenta de que era una maravillosa forma de engañarles. Vía Redirect Alexa
ACTUALIZACION 2009/02/28

La situación ALEXA es:

Mejorado el rank en 23.880.857 – 21.361.040 = 2.518.217 en 14 días.

Pulsa para CONTINUAR LEYENDO...

Un editor de Posts que me ha cambiado la vida: Microsoft Live Writer

Había buscado y probado alternativas al editor incorporado de Blogger que no esta mal del todo pero tiene serias limitaciones. Extensiones de Firefox, ejecutables independientes, el add-on de Blogger para Word (en el Word de casa no he conseguido hacerlo funcionar y además parece que han discontonuado el proyecto); un montón de intentos insatisfactorios. Y de repente, de donde menos me lo espero aparece el mirlo blanco. Del portal Microsoft Live puede uno descargarse el paquete completo de herramientas Live. Yo sólo he instalado el Write. Y ha sido un cambio completo. Soluciona todas las pegas y limtaciones que le encontraba al editor de blogger, y es comodísimo. Muy fácil de instalar y configurar.  Y además tiene un valor añadido, te mejora notablemente tu psocicionamiento dentro del buscador Live de Microsoft.
Probadlo, no os arrepentireis.

Ahora yo voy a pasarle la ortografía a este post, verlo en vista previa, si se me olvida añadirle las etiquetas el editor me lo recordará y lo publico con un click como borrador o final. O puedo guardarlo como borrador en local.

Pulsa para CONTINUAR LEYENDO...

TELL-A-FRIEND: herramienta de presencia social

En http://tellafriend.socialtwist.com/index.jsp despues de un proceso de registro sencillo, se introducen los datos de tu blog y se elige la opción "Blogger" (tradicional o moderno) y el sitio genera un código que al introducirse en la página genera un Widget de posicionamiento social.

El código ha de introducirse despues del elemento de contenido del post y antes del footer. Después de registrarse se recibe un e-mail con un link de activación y se empieza una sesión para configurar el WIDGET.

Record your screencast online

Pulsa para CONTINUAR LEYENDO...

Caso Practico: Cambiar las medidas de los elementos de la plantilla del Blogger

Lo primero es comprender que elementos forman nuestra plantilla, cómo se llaman y cómo están ubicados. Vamos a utilizar un truco. Utilizando el color del fondo para distinguir e identificar sus partes.

Free online screen recorder

Ya tenemos una idea aproximada de los elementos que forman el layout de nuestra pagina. Nuestro objetivo será aumentar el tamaño del POST (la parte central de contenidos) y de la SIDEBAR (barra lateral) manteniendo su proporción actual. Evidentemente, si aumento el post, tendré que aumentar elementos que van emparejados con él (LINKBAR, HEADER y FOOTER).


Voy a recorrer el código de la plantilla buscando aquellos párrafos CSS donde tenga referencias de medidas en pixels.



Aquellos elementos que van parejos los aumentamos en un 63,63% aprox, 350 Pixels para un total de 900. Y los demas, en la misma relación que calculamos con una sencilla regla de tres.
Unicamente hay que sustituir el valor INICIAL por el FINAL en las lineas
tales cómo:

#blog-wrapper {
width: 552px;

#blog-wrapper {
width: 902px;


La página queda así:
podeis verla en Andando con Yagüe

Pulsa para CONTINUAR LEYENDO...

Graficos con fondo transparente

A veces queda mejor que los graficos tengan el fondo transparente de forma que queden silueteados contra el contendor del blog.
Hace falta editar la imagen en un programa de graficos que maneje capas y si tiene un borrador de fondos, mejor que mejor. Lo importante es grabar la imagen con formato PNG.

Pulsa para CONTINUAR LEYENDO...

Protegiendo tus derechos: Licencia CREATIVE COMMONS

Al fin y al cabo, lo que uno escribe en su blog es su producto intelectual. Y aunque generalmente lo que deseamos todos es la mayor difusión posible no está de más que esta se haga de una manera ordenada. En Escoge tu Licencia podemos configurar el tipo de licencia CREATIVE COMMONS que queremos aplicar a nuestros contenidos, es decir de que forma pueden o no compartirse.

Después de seleccionar las opciones que nos parezcan más apropiadas (están explicadas de una forma muy sencilla) tenemos la opción de generar código HTML para añadirlo a nuestra página. En ZAPATERO Presidente, y Mariano de Oponente o Andando con Yagüe teneis el ejemplo

Pulsa para CONTINUAR LEYENDO...

Ajustando el HEADER: el Título y la descripción se ajustan a un nuevo grafico

Al cambiar el grafico de fondo de nuestra cabecera de página, nos encontramos con que el título y la descripción del Blog, ya no cuadran:




Necesitamos entonces cambiar su ubicación en la plantilla.

Aqui tenemos las sección completa de código CSS que define la cabecera de nuestra plantilla.

Buscamos y vemos que el párrafo que se ocupa de definir el estilo del Título del blog es #h1.title

Cómo queremos mover hacia la derecha el texto la opción a cambiar es margin

Cómo funciona "margin": puede tener 4 valores correspondientes con las distintas coordenadas en el sentido de las agugas del reloj, es decir ARRIBA - DERECHA - ABAJO - IZQUIERDA. Y marca la distancia entre el límite exterior de un objeto y el resto de objetos.



Vemos que tenemos:

margin: 0 1% .1em;

Es decir: 0 de margen superior, un 1% del tamaño de nuestro objeto titulo de distancia hacia la derecha, y .1 del tamaño de fuente que tenga el objeto título. Si la fuente son 24pt, p.ej. .1em serán 2,4 puntos o pixels.

Añado el margen izquierdo de 200 pixeles, porque la imagen tiene 300px de ancho pero al tener el fondo transparente 200px son suficientes para librar la silueta del dibujo

margin: 0 1% .1em 200px;

Si quisieramos mover la descripción acudimos al párrafo

#header .description

y trabajariamos en la linea "margin" igualmente. Podeis verlo en ZAPATERO Presidente, y nos van dando por PONIENTE

Pulsa para CONTINUAR LEYENDO...

Cambiar la plantilla de un BLOG sin perder todos tus WIDGETS

Da mucha pereza cambiar la plantilla de un blog hecho y derecho si uno piensa que tiene que volver a meter todos aquellos widgets y modificaciones. Sin embargo con un poco de orden y procedimiento es posible hacerlo sin riesgo de perder nada.



Hacer copia de seguridad de la plantilla ORIGINAL del Blog
Parece de sentido comun, por si acaso algo va mal.

Abrir tu editor de plantillas
En nuestro caso, SCITE que reesulta muy practico para manejar XML. Abrimos la plantilla original y la plantilla nueva en nuesto editor. Tendremos que copiar bloques enteros de codigo y pegarlos en la nueva plantilla.

Encontrando el código a copiar
La etiqueta <body> marca la frontera, por encima de ella el código es básicamente CSS, que controla la apariencia (colores, fonts) del blog. NO necesitamos esta sección. (pero ojo que habrá que revisarlo pues puede ser necesario traspasar algo.
Lo que está debajo de <body> es el cuerpo principal XML que controla la estructura (layout) y el flujo de datos desde Blogger hasta tu blog. Aqui es donde se encuentra todo el código correspondiente a los Widgets que queremos traspasar.

Todos los widgets se encuentran entre los tag <b:widget> ... </b:widget>. Todos los <b:widget> se encontrarán dentro de la etiqueta <b:section> ... </b:section> tag. La estructura será algo parecido a:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'>
...
... más código ...
...
</b:widget>
<b:widget id='HTML1' .....;
...
</b:widget>
<b:widget id='Image1' .....;
...
</b:widget>
</b:section>
</div>


Este es un ejemplo de cómo aparecen los widgets dentro de la estructura típica de una pplantilla XML. La etiqueta div id The main location of the widget is identified with the div id label. In this case, div id=sidebar-wrapper. Below the div id is the b:section tag. All widgets must be located within this b:section tag. You don't need to worry if you don't understand much about the div or b:section thingy. The important tag you have to know is the b:widget tag. Note that you can put as many widgets as you want inside the b:section tags.

Here's an actual example of a widget tag embedded inside a b:section tag. The location is sidebar-wrapper, meaning that the widget is placed inside one of the sidebars in the blog. The widget is an image widget, as you can see it being labeled id='Image1'.

The most important thing to note is that the widget code starts with the <b:widget> tag and closed with the </b:widget> tag. This is the single most important thing you have to know when copying/pasting later on.Remember also that the widget is placed after the <b:section> tag and closed with the </b:section> tag.

Here's another example. The widget is a Linklist widget. You don't have to know the codes inside the widget tag because you won't have to change anything in there.


Pero vamos al caso concreto

Justo después de <head>

Entre </head> y <body>

Pulsa para CONTINUAR LEYENDO...

DIFUNDIENDO EL BLOG III: Aprovechando los META TAGS para utilizar el posicionamiento AUTOMÁTICO en buscadores.

Una vez instalados los META TAGS en el código, lo más práctico es acudir a un sitio como http://www.submitexpress.com/ y proceder a lanzar nuestra página contra un montón de buscadores y metabuscadores de un sólo click.

Pulsa para CONTINUAR LEYENDO...