Skydrive deja de ser útil para scripts y descargas directas

Aún estando enfermo y proponiéndome no escribir hasta recuperarme, el hecho que se ha dado recientemente afecta a muchos de los artículos que uso en mi blog, y en los que uso como medio para guardar la información en Blogger la plataforma Skydrive.

Creo que es sabido por todos que era cuestión de tiempo ya que Microsoft, había ido poniendo poco a poco más trabas para obtener la dirección hasta que finalmente, han pasado al uso de direcciones dinámicas, con lo cual nos podemos olvidar de skydrive como lugar para enlazar descargas directas, archivos de música, scripts o imágenes.

El problema radica en que las direcciones se genera dinámicamente, y creo que no tiene sentido intentar buscar algún agujero, ya que si quieren que no usemos Skydrive para alojar scripts y acceder directamente, creo que es una batalla perdida, y es mejor centrarse en alguna alternativa.

Todos los artículos de mi web que usaban skydrive como manera de subir archivos dejan de ser útiles, y se trata de buscar nuevas alternativas. Personalmente me comprometo a que todos los scripts que explico en mi web van a seguir funcionando porque tengo un hosting propio. Sin embargo se trata de buscar una solución para todo el mundo que espero exponer pronto.

Os invito a proponer algún servicio, y espero estar otra vez escribiendo pronto habitualmente.

Nueva manera para incluir adsense en blogger

adsensebloggerUno de los aspectos en los que siempre hago incapié a todos los usuarios de blogger por novatos o poco tiempo que lleven es la recomendación de incluir publicidad en sus webs como manera de generar unos ingresos extra.

En este artículo comentaré una nueva manera de blogger, que permite introducir de manera muy sencilla en cualquier parte del blog publicidad de adsense. Los pasos que seguiremos serán los siguientes:

1. Iremos a nuestro panel de blogger, y a continuación elegiremos la pestaña “Diseño”, y subpestaña “Monetizar”.

2. A continuación, nos preguntará donde deseamos incluir la publicidad con algunas sugerencias sobre donde podemos incluir adsense en nuestro blog. Nos ofrece la opción de incluirla debajo de cada entrada o en el lateral. Eso depende de cada uno y es una decisión propia.

3. Una vez hecho, podremos consultar siempre el estado de nuestras ganancias en http://www.google.com/adsense, las ganancias que nos ofrecen tal vez no sean demasiado altas pero seguro que de manera sencilla podemos costear el coste de un dominio o incluso de un hosting más adelante.

Como colocar una página de inicio en wordpress

Hace ya algún tiempo hice un tutorial sobre como poner una página de inicio en blogger. En esta ocasión explicaré como hacerlo con wordpress (tanto wordpress.com como para blogs de wordpress.org), donde resulta mucho más sencillo y natural que ocurre con blogger.

El procedimiento para que una página sea de inicio será crear la nueva página, para posteriormente establercerla como de inicio. Los pasos para hacerlo serán los siguientes.

1. En primer lugar vamos a nuestro panel de administración de wordpress, elegimos la pestaña “Páginas” del menú, y elegimos crear nueva página.

2. Configuramos la entrada como deseemos, y nos aseguramos que los atributos estén configurados como página superior. Escribimos el contenido que deseemos y guardamos la página.

3. Elegimos en el menú la pestaña “Opciones” y la subpestaña “Lectura”. Buscamos el texto “La página inicial mostrará”, y elegimos la página que acabamos de crear, de manera que ya tendremos una página de inicio en wordpress.

Como pueden observar la solución es mucho más elegante que la de wordpress por la naturalidad que proporciona.

Como enlazar skydrive desde Blogger (crear descargas directas)

Recuperando entradas y archivos de foro de ayuda para blogs, encontré dudas y problemas para conseguir enlazar correctamente archivos subidos en Skydrive para poder enlazarlos de manera directa desde nuestro blog.

Para los que no conozcan Skydrive, se trata de un servicio proporcionado por Windows Live, que permite guardar archivos de manera gratuita, que luego podemos compartir con nuestros usuarios de blogger.

Los pasos para enlazarlo de manera son los siguientes:

1. En primer lugar abrimos EN EL NAVEGADOR FIREFOX Skydrive. Insisto en la idea de usar el navegador firefox, porque sino no funcionará tal y como explico aquí. Quien no tenga el navegador firefox lo puede descargar desde aquí.

2. Posteriormente iniciamos la sesión con nuestro usuario de Windows Live (sirve Messenger o Hotmail), y buscamos en la parte superior “Agregar archivos” y hacemos clic.

3. A continuación nos aparecerá la carpeta donde la queremos subir. Recomiendo “Público”, o para la gente amante del orden puede crear una nueva carpeta.

4. Ahora pulsamos sobre “Examinar”, y elegimos los ficheros que deseamos subir, y posteriormente pulsamos cargar y esperamos hasta que esté cargado.

compartirskydrive

5. Una vez subido el fichero nos aparecerá una lista con todos los que hayamos subidos y haremos clic en el que deseemos enlazar directamente. Una vez ahí sobre la imagen de la derecha de 

descargar (ver la imagen ampliada), y hacemos clic derecho eligiendo la opción “Copiar la ruta del enlace”.

6. A continuación, nos vamos a nuestro panel de blogger, y elegimos crear una nueva entrada. A continuación escribimos la palabra por ejemplo “Descarga” y pulsamos sobre el botón enlace enlace.

A continuación, pegamos el texto que hemos copiado de skydrive al hacer “Copiar la ruta del enlace”, que sí se ha hecho bien tendría que ser algo del estilo:

http://gdzl2g.bay.livefilestore.com/y1pAdggTAJe9e-7o8dI7YejE7KXEwUhxp5J2qqHyyXtUHSeIeDoMwLcFO0TQsHD_ErtmCwrtTNeTWs7ruHwGni14A/Cuando.mp3?download

Una vez hecho esto ya podremos añadir tantas descargas directas como creamos oportuno.

Insertar un contador web en blogger con usuarios online por procedencia

A continuación, les mostraré uno de los contadores que en los últimos tiempos se están convirtiendo más populares entre los webmasters que permiten ver en tiempo real a los visitantes de la página la siguiente información:
  • Visitantes totales de la página.
  • Visitantes que hay online en la página actualmente
  • País de procedencia de los visitantes online

Todo esto se mostrará con un panel con la siguiente estética:

Para hacerlo, aunque sé que hay muchos servicios que lo permiten, a petición de una visitante del blog he elegido 99counters para hacerlo. El procedimiento que tendremos que seguir es el siguiente:

1. En primer lugar, iremos a la web de 99counters, y nos registraremos como usuarios. Una vez registrados introduciremos nuestro nombre de usuario y contraseña.

2. A continuación, haremos clic sobre “Haga clic acá para crear su primer contador”, y rellenaremos el formulario introduciendo los siguientes datos:

  • El tema del contador, puede ser cualquiera. A la derecha nos saldrá una vista previa, y dependerá básicamente de la estética de la plantilla de cada página o blog.
  • Nombre del contador, podemos poner lo que queramos, es irrelevante.
  • Inicio del contador: recomiendo a 0, aunque depende de cada uno. (será el valor inicial que marcará).
  • Público o privado: recomiendo público si queréis que cualquiera pueda saber el valor.

3. A continuación, nos aparecerán dos códigos (uno que pondrá script y otro object), en principio los usuarios de blogger pueden escoger la opción que les parezca mejor (recomiendo script). Este servicio no funcionará para usuario de WordPress.com, y sin ningún problema para usuarios que usen WordPress.

4. Vamos a nuestro blog, y en la pestaña diseño, y subpestaña “Elementos de página” elegimos la opción “Agregar gadget”. E

5. Elegimos la opción “HTML Javascript”, e introducimos el código que acabamos de copiar. Una vez hecho esto guardamos y ya estamos.

Esto es todo, y como único pequeño punto débil de este atractivo contador comentar que funciona con Flash, que aunque la mayoría de los navegadores lo llevan instalado (más del 90%), en algunos entornos corporativos no funciona.

Insertar un mapa en blogger y wordpress II

Como continuación del primer artículo sobre mapas, en el que explicaba como insertar un mapa con una ruta en blogger y wordpress, hoy les explicaré como podemos crear un mapa algo más elaborado como el que muestro a continuación, donde básicamente se pueden observar tres novedades respecto a la primera entrada:

  • Incluyo pushpins (marcadores de puntos) en cualquier posición con una descripción que se puede elegir.
  • Se pueden trazar líneas.
  • Se pueden trazar polígonos tal y como se puede observar en el mapa que presento.

La muestra es la siguiente:


Ver mapa más grande

Para poder crear un mapa más complejo haremos lo siguiente:
1. En primer lugar, iremos a la web de google maps, y nos identificaremos como usuarios (sirve la cuenta de gmail, googlepages, o cualquier otra de google que ya tengan).

2. Posteriormente, en la columna izquierda elegimos la opción “Mis mapas”, y después elegimos “Crear un mapa nuevo”.

3. A continuación, tendremos que introducir un título para el mapa y una descripción. Además, para que lo puedan ver todos los visitantes, nos aseguraremos que la configuración de privacidad sea “Público”. 

iconos4. Paralelamente podremos ir introduciendo nuevos elementos en el mapa. Si nos fijamos observaremos que han aparecido los siguientes nuevos elementos en la parte superior izquierda del mapa. Su funcionalidad es la siguiente:
– El primero de ellos nos permitirá insertar un pushpin (un punto) en el que podremos marcar un monumento por ejemplo.
– El segundo nos permitirá definir una ruta donde nos calculará la distancia de los diferentes puntos.
– Finalmente, el tercero nos permitirá crear un polígono para delimitar un parque por ejemplo.

5. Una vez finalizado pulsamos “Listo”. A continuación pulsamos sobre “Enlazar” y copiamos el código que aparece junto a “Pegar HTML para insertar en sitio web”, y lo pegamos en la pestaña “Edición de HTML” de nuestra nueva entrada en blogger.

Insertar un mapa en un blog de blogger o wordpress

Hoy, les mostraré como podemos insertar un mapa de manera muy sencilla en nuestro blog o web. Tengo pensado distribuir el aprendizaje en dos entradas. En esta primera entrega explicaré como insertar un mapa sencillo, y uno con una ruta en nuestro blog de blogger o wordpress. Para hacerlo usaré el servicio de mapas de Google Maps, que permite hacerlo de manera muy sencilla. Los pasos serán los siguientes:

1. Vamos a la web de Google Maps, y elegimos la vista que deseamos mostrar (podemos elegir modo mapa o modo vista aérea, y el zoom básicamente). Además también podemos hacer un como llegar en caso que queramos que se muestre una ruta de un lugar a otro en el mapa.

2. Posteriormente en la superior del mapa, buscaremos el botón “Enlazar“, y pulsaremos sobre él, y aparecerán dos cajas de texto. A continuación, copiaremos el contenido que hay debajo del texto “Pegar HTML para insertar en sitio web”.

3. A continuación, iremos a nuestro blogger, y crearemos una nueva entrada. Elegiremos la pestaña “Edición de HTML”, y a continuación pegaremos el código HTML que acabamos de copiar. El resultado podría ser algo similar a:


Ver mapa más grande

Con esto ya tendremos un mapa, en días sucesivos, explicaré como hacer un mapa con puntos (pushpin’s en tecnología de mapas), con unas etiquetas tal y como se pueden observar en algunas webs.

Subir archivos de música mp3 y reproducirlos en blogger

En el día de mi regreso trataré uno de los problemas que más controversi ha generado en los comentarios que he podido ir viendo durante estos últimos días, y este ha sido los problemas que he detectado que tenía la gente para subir archivos a blogger siguiendo las explicaciones. Esta explicación nos permitirá subir archivos de nuestro disco duro a la red, y reproducirlos en una entrada de nuestro blog de blogger. El resultado que obtendremos será algo parecido a lo siguiente:

Los pasos que tendremos que hacer serán los siguientes:
1. En primer lugar vamos a nuestro blog de blogger, y procedemos a crear una nueva entrada, escribimos el texto, y a continuación pulsamos en la pestaña “Edición de HTML”, y copiamos el siguiente código donde queramos pegar la canción:

1
2
3
4
5
<object type="application/x-shockwave-flash" data="http://www.oscargp.com/player_mp3_mini.swf" height="20" width="200">
<param name="movie" value="http://www.oscargp.com/player_mp3_mini.swf">
<param name="bgcolor" value="000000">
<param name="FlashVars" value="mp3=http://izpzva.bay.livefilestore.com/tuarchivo.mp3?download">
</object>

2. A continuación, dejamos en una pestaña la entrada que estamos creando, y en otra iremos a Skydrive desde Firefox (desde Internet Explorer no podremos hacer el proceso correctamente), y nos identificaremos con la cuenta en la que usemos en el MSN Messenger o hotmail.

3. Posteriormente, en caso de no tener creada ya una carpeta pública, buscaremos la opción “Crear carpeta”, le daremos el nombre que queramos y sobre todo, en la opción “compartir con” elegiremos la opción “Cualquiera (público)“.

4. Una vez creada, arrastraremos el fichero mp3, wav, midi… que deseemos compartir en el blog, al apartado donde observaremos el texto “Colocar archivos aquí” arrastraremos el archivo que deseemos subir, y a continuación pulsaremos Cargar.

5. Una vez esté cargado haremos clic sobre el archivo que acabamos de subir, y haremos clic en derecho en en la imagen de descarga del fichero, pulsaremos botón derecho y seleccionaremos “Copiar la ruta del enlace”. Si en este momento pegáramos algo en word nos tendría que salir algo similar a:
http://k1uhja.bay.livefilestore.com/y1pBrvbUyGnxLGGyoio1aXPTu8uZ-lIZEdBWxaPLvnsJg97HtLMWzLZgJVGgeOgwfby8RYpoCZGyz9xU83Kkv-wLg/beatles%20-%20yesterday.mp3?download

5. Finalmente, iremos otra vez a blogger y reemplazaremos el vínculo que acabamos de copiar por el texto http://izpzva.bay.livefilestore.com/tuarchivo.mp3?download del código HTML

Además les dejo el siguiente vídeo explicativo:

El regreso definitivo

Durante los últimos meses he estado trabajando muchísimas horas diarias para acabar el proyecto final de carrera, y una segunda aplicación para móviles que he estado desarrollando para el Centro Microsoft de Innovación. En los próximos días espero poder mostrarles el resultado del portal desarrollado.

Una vez acabado esto, podré otra vez dedicarme al blog en el cual tengo muchísimas ganas de escribir responder los más de 300 mails y comentarios que arrastro de los últimos dos meses en los cuales no he podido escribir nada. Esta vez el regreso es seguro tanto a win-linux.com con la colaboración de Roberto, como a nuevos proyectos que puedan surgir. El día a partir del cual regresaré será el 25 de febrero, que pretendo volver con una media 4 entradas semanales, haciendo incapié en blogger y wordpress, y actualizándonos a los numerosos cambios que ha habido y han dejado algunas entradas anticuadas.

Cómo crear una tabla en blogger

Hoy les mostraré un concepto que me han pedido varios lectores del blog, y es el de insertar tablas en las entradas de blogger, como en todo existen varias maneras de realizarlo, pero explicaré fundamentalmente dos. La primera es la más adecuada y es la que siempre tendríamos que usar.

En esta primera entrada sobre tablas únicamente explicaré como insertarlas, y en una entrada posterior explicaré como podemos editar el fondo el borde u otras características.

En primer lugar explicaré algunos conceptos de HTML, muy básicos pero que nos ayudarán a entender bien como introducir las tablas y como hacerlas funcionar. Hemos de recordar estas tres palabras:
1. table. Como bien su nombre indica en inglés, indica que comienza una tabla o acaba.
2. tr. Etiqueta que usaremos para crear una nueva fila.
3. td. Etiqueta que usaremos para crear una nueva columna.

Teniendo estos conceptos claros pasamos directamente a ver un ejemplo de código y su proyección en el blog.

1
<table border=1><td>Columna 1, fila 1</td><td>Columna 2, fila 1</td><td>Columna 3, fila 1</td><tr><td>Columna 1, fila 2<td>Columna 2, fila 2<td>Columna 3, fila 2</td></table>
Fila 1, Columna 1
Fila 1, Columna 2 Fila 1, Columna 3
Fila 2, Columna 1 Fila 2, Columna 2 Fila 2, Columna 3

Observamos que hemos creado una tabla, en la cual he introducido dos filas, y dentro de cada una de ellas tres columnas. Para aplicar esto en nuestro blog, únicamente tendríamos que agregar nuevas celdas td o tr, según cuales sean nuestras necesidades.

Este código es el que recomiendo, porque como veremos en entradas posteriores tiene mucho más juego a la hora de introducir efectos que veremos en posteriores entradas.

Sin embargo, como para todo, no siempre hay una única manera, también lo podemos hacer pegando una tabla como imagen que por ejemplo hagamos en excel. Principalmente a esta solución le veo dos inconvenientes:
– Muy poca flexibilidad para cambiarla.
– Tendremos que subir una imagen a blogger.

Los pasos serán los siguientes:
1. Vamos a nuestro Excel o Word, y hacemos un capturar pantalla de nuestra tabla (pulsar tecla imprimir pantalla).
2. Vamos a un programa como paint, y copiamos la captura de la pantalla, recortamos la tabla, y lo guardamos como imagen.
3. En nuestro blog, vamos a crear una nueva entrada, y a continuación lo insertamos como imagen.