Archivo de la categoría: Tutoriales

Dominio tk en blogger

Aunque en ocasiones ya podemos estar contentemos con un dominio de la forma tunombre.blogspot.com, existe la posibilidad de abreviar la URL de la página utilizando dominios gratuitos.

En este caso encontramos la isla de Tokelau, perdida en medio del pacífico, que ofrece a todo el mundo la posibilidad de utilizar de manera gratuita redirecciones de dominios con su extensión tk, consiguiendo dominios de la forma www.tunombre.tk.

Para registrarnos y obtener nuestro dominio tk, y redirigirlo a nuestro blog de Blogger, seguiremos los siguientes pasos:

1. En primer lugar vamos a la página de hospedaje de los dominios tk: http://www.dot.tk/es.

2. Posteriormente, en el cuadro superior elegimos el nombre de dominio que deseamos obtener:

3. Si está libre, nos preguntará si deseamos registrar un dominio gratis, o un dominio de pago “Paid Domain”. Elegiremos “free domain”, y pulsaremos sobre el botón siguiente “Next”.

4. Posteriormente, haremos clic en el botón “Use DNS for this domain”, y en las dos filas que aparecen hemos de poner la IP 216.239.32.21, tal y como se observa en la imagen.


5. Posteriormente introduciremos nuestro email y nuestro password para crear una cuenta, y con esto ya tendremos preparado el dominio en la parte de dot.tk.

6. Para que todo funcione bien, deberemos indicarle a blogger que vamos a usar un dominio, para hacerlo iremos a nuestro panel de blogger, elegiremos la pestaña “Configuración”, y la subpestaña “Publicación”.

7. Luego hacemos clic en cambiar por “Dominio personalizado”, y haremos clic en “cambiar a opciones avanzadas”, y lo rellenaremos con la siguiente información:

  • Nombre de dominio. www.vuestrodominio.tk
  • Deseas utilizar un host para los archivos que faltan: No.

Con esto, y después de esperar unos 30 minutos, ya estará operativo nuestro dominio tk, de manera muy similar a http://www.alegriafacil.tk, que como podéis ver funciona de manera elegante.

Leer mas en blogger: la solución definitiva

Desde hace unos meses ha aparecido una solución para el “leer más” en blogger, que creo que puede ser la definitiva y, si bien está en proceso de pruebas ahora ya funciona muy bien y tiene toda la pinta de que en no mucho tiempo estará ya presente en la versión final de Blogger.

Para utilizar el leer más seguiremos los siguientes pasos:

1. Entraremos a la versión draft de blogger. Para hacerlo entraremos con la URL http://draft.blogger.com.

2. Iremos directamente a escribir una entrada, y escribiremos el texto que hay encima del “leer más”, y que se verá siempre en la entrada principal.

3. Posteriormente, haremos clic en el botón .

4. Nos aparecerá una línea, y justo después podremos introducir el texto que queremos que aparezca al hacer clic en el leer más. El resultado de la entrada mientras la escribimos tendrá que ser similar al siguiente:

Subir archivos a blogger. ¿Solución definitiva?

Uno de los mayores problemas a los que se han enfrentado los usuarios de blogger en los últimos tiempos, es la falta de herramientas donde almacenar scripts y otras herramientas. Blogger no permite subir archivos, y el uso de En el pasado utilizamos googlepages así como skydrive, herramientas que en la actualidad no resultan útiles.

Planteo una solución que espero que resulte más estable en el tiempo, que las otras y utilizaré como sistema la web 110MB. 110MB plantea numerosas ventajas y no observo inconvenientes para uso. Ofrece las siguientes prestaciones:

  • 110Mb que pueden ser ampliados de espacio gratuito.
  • 10GB de transferencia, muy superior a la que ofrecía googlepages.
  • Ejecución de scripts y bases de datos, que aunque no es útil vendrá bien.
  • Soporta todo tipos de archivos, y no especifica un tamaño máximo por fichero.
  • No está permitido abusar únicamente de vídeos, imágenes y mp3, aunque entiendo que no es el objetivo ya que es acceder desde blogger a ficheros doc, imágenes, scripts… todo lo necesario para un blog.

La primera vez que entremos nos tendremos que registrar como usuarios, para hacerlo pulsaremos en el “Start now” que aparece, e introduciremos los datos. El más importante es el nombre de usuario que condicionará todos los archivos que subamos que serán del tipo: http://www.nuestronombre.110mb.com. Tendremos que activar la cuenta con un mail que recibiremos. Introduciremos nuestros datos y ya podremos conectarnos a 110MB para compartir archivos.

filemanager

Una vez nos hayamos identificado como usuarios los pasos para compartir un fichero y hacerlo accesible desde blogger serán los siguientes:

1. Dentro del panel de control elegiremos la opción “File manager” (indicada en la imagen de la derecha).

2. Seleccionaremos la opción “Upload files”, y elegiremos los ficheros que desamos subir desde ordenador y deseemos compartir con blogger. Elegiremos “Seleccionar archivo”, y escogeremos el fichero. Una vez seleccionado pulsamos “upload”, y esperamos a que vuelva a la pantalla anterior.

3. Los ficheros que subamos tendrán la forma http://nombredeusuario.110mb.com/ficherosubido.extension. Así por ejemplo si subimos el fichero readme.txt desde nuestro ordenador la ruta será http://nombredeusuario.110mb.com/readme.txt.

4. Una vez subido, para compartir archivos desde blogger, iremos a crear una nueva entrada, seleccionaremos el texto sobre el que queremos realizar el enlace, y pulsaremos el icono “Enlace”enlace. Para terminar, introduciremos como dirección del enlace que acabamos de subir, del tipo: http://nombredeusuario.110mb.com/ficherosubido.extension.

Una vez hecho esto ya podremos compartir los ficheros en blogger.

Un ejemplo de subido en 110mb es el siguiente: Presentación del proyecto final de carrera.

Cómo subir vídeos a youtube

Después de anunciar mi retorno hace un mes, creo que es el momento de iniciar la publicación regular de mensajes. Hoy les mostraré la manera de subir vídeos a youtube de manera muy esquemática, y después de manera sencilla en blogger. registro identificar youtube

En primer lugar nos identificaremos como usuarios registrados si ya tenemos cuenta de youtube, y sino crearemos una. En la parte superior pulsaremos “Sign in” si ya estamos registrados y “Sign up” para registrarnos como nuevos usuarios.

myvideosSupondré que ya estamos registrados y nos identificaremos con nuestro nombre de usuario y contraseña. Posteriormente, también en la barra superior elegimos la pestaña “My videos”.

Posteriormente, nos aparecerá una ventana en la que seleccionaremos en el menú izquierdo la opción “New”, y en el menú desplegable elegiremos la opción “Video Upload”.

A continuación pulsamos sobre el botón “Upload video”, y elegimos el vídeo de nuestro PC que queremos compartir.

Una vez elegido el fichero, introducimos los datos del título y descripción del título, muy importante para que los visitantes de youtube puedan buscar con facilidad el vídeo y lo encuentren. La opción “Share your video with the world” es importante que la dejemos marcada ya que de lo contrario, solo podrá ver el vídeo un reducido grupo de personas.

Realizados todos los trámites ya podremos compartir nuestro vídeo en blogger, siguiendo el artículo de compartir vídeos de youtube en blogger.

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.

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:

Administrar comentarios: moderación de comentarios y eliminarlos

En primer lugar, pedir perdón por estos dos meses de ausencia debido al trabajo, pero ahora sí puedo decir que está todo al día y m siento con fuerzas para continuar otra vez. A continuación, les presentaré un problema sencillo de resolver que me han planteado en varios comentarios y en el foro.

Si deseamos que nuestros comentarios antes de salir a la luz (por temas de que publican spam), aparezcan en el blog, será necesario regularlo añadiendo la moderación de comentarios. Para hacerlo seguiremos los siguientes pasos:

1. En primer lugar, vamos a la pestaña configuración de blogger, y elegimos la opción Comentarios.

2. Buscamos la opción moderación de comentarios, y elegimos “siempre”, o a partir de los 14 días, si creemos que durante esos días no se van a producir comentarios indeseados.

3. Finalmente, agregamos un mail al que nos notificará que tenemos comentarios pendientes de notificar. En conclusión será algo como:

Otra de las opciones que hemos de considerar importantes, en caso que decidamos no moderar los comentarios (la opción que recomiendo), es borrar algunos comentarios spam, que no queremos que aparezcan en nuestro blog. En caso de querer borrar comentarios haremos lo siguiente:

1. Nos logaremos con nuestro usuario en blogger.
2. Iremos a nuestro blog, y veremos la entrada en la cual queremos eliminar el comentario.
3. Pulsaremos en la papelera, y confirmaremos la eliminación del comentario que quremos quitar.

La papelera es la que aparece en la ilustración de la derecha.

Finalmente, uno de los aspectos interesantes que debemos considerar es recibir un mail cuando alguien nos haga un comentario. Para hacerlo el procedimiento será el siguiente:

1. Iremos a la pestaña configuración, y subpestaña Comentarios de blogger.
2. En la última opción de todas: “Correo electrónico de notificación de comentarios”, escribimos nuestro email. Esta elección es muy recomendada ya que así recibiremos un mail y podremos leer todos los comentarios que hagan en nuestro blog.

Un saludo y les aseguro que no tardaré en postear 🙂

Las licencias en los blogs: blogger y wordpress

En primer lugar siento mucho la demora desde mi último artículo, pero se me han ido sucediendo los compromisos en mi agenda, y cuando he querido reeemprenderme he tenido que recuperar casi un mes de trabajo en comentarios y nuevas webs en el directorio. Aún así he intentado responder todo para volver con fuerzas y con más tiempo para que no se vuelva a dar otro parón.

El artículo de hoy lo dedicaré a un tema que en principio puede no resultar importante como es el de las licencias, pero que puede darnos muchos quebraderos de cabeza: este son los plagios en nuestra web. En principio puede parecer que nunca pueda ocurrir, pero yo me he dado con casos en que me habían copiado el contenido íntegro sin mencionar ni siquiera mi blog, y es por eso por lo que ahora en mi blog encontraréis la siguiente imagen:

Como ejemplo en el caso de mi blog significa lo siguiente. Los contenidos de mi blog pueden ser reproducidos siempre y cuando se mencione el origen y no tenga el objetivo de ganar dinero. A continuación les explicaré como pueden insertar en su web un icono personalizado como el siguiente. Los pasos serán los siguientes:

1. En primer lugar vamos a la web de creative commons, una organización no gubernamental sin ánimo de lucro, que pretende reducir las barreras de patentes en la creatividad. En este momento iniciaremos un asistente para seleccionar el tipo de licencia que introduciremos en nuestro blog.

2. Responderemos las preguntas al cuestionario:
– La primera pregunta marcará si queremos que aparezca el símbolo de que solo autorizamos la difusión en sitios no comerciales.
– La segunda marcará si autorizamos que alguien copia, y si copia en qué condiciones.
– Finalmente recomiendo no responder ninguno de los enlaces a rellenar, y pasar directamente al tercer campo. A continuación pulsamos siguiente.

3. Nos aparecerán varios códigos HTML para pegar en nuestro sitio. Para hacerlo nos vamos a nuestro blog y los introducimos. El procedimiento será el siguiente:

En blogger
– Vamos a la pestaña “Diseño”, y elegimos la subpestaña “Elementos de página”.
– A continuación, buscamos “Añadir un gadget”, y pulsamos HTML/Javascript.
– Una vez hecho esto, ponemos un título y pegamos el código HTML que nos ha dado como resultado el asistente de creative commons.

En wordpress
– Vamos a la pestaña “Diseño”, y a continuación elegimos la subpestaña “Widgets”.
– Posteriormente, sobre el de “Texto”, pulsamos añadir y copiamos el consiguiente HTML.

Para mejorar el aspecto estético
Observarán que los códigos incluyen unas referencias a creativecommons que no resultan demasiado estéticas. Para eliminarlas, deberemos eliminar el siguiente parte del código HTML:

1
Esta obra est&#225; bajo una <a rel="license" href="http://creativecommons.org/licenses/by-nc/2.5/es/">licencia de Creative Commons</a>.

Esto es todo por hoy, y espero publicar nuevos artículos muy pronto. Un saludo y muchas gracias por la espera.