Archivo de la etiqueta: Blogger

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.

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 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.

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:

Algunos codigos interesantes de blogger

El artículo de hoy, les permitirá mostrar a los usuarios datos que pueden ser interesantes, mostrar a los usuarios y que permiten obtener efectos interesantes.

1. Número de entradas que tiene nuestro blog (Blogger)
– En primer lugar vamos a nuestro panel de blogger, elegimos la pestaña diseño, y la subpestaña elementos de página.
– Posteriormente, pulsamos “Agregar gadget“, y entre los que aparecen inicialmente elegimos HTML/JAVASCRIPT.
– Finalmente copiamos el siguiente código, del que podemos editar el texto que aparece tanto antes como después, sin modificar la parte entre scripts.

1
2
3
4
5
He publicado <script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://1234pruebas2.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Entradas

2. Número de comentarios en nuestro blog (Blogger)
– En este caso el procedimiento es igual que el anterior, iremos a la pestaña diseño y elementos de página de blogger, elegimos agregar el gadget y copiamos el siguiente código cambiando tublog por el nombre de tu blog.

1
El blog tiene <script src="http://tublog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> comentarios

3. Resolución de la persona que está visitando el sitio
– El método para mostrarlo es el mismo que los anteriores. Con el siguiente código podremos visualizar la resolución :

1
Tu resolucion es <script style="text/javascript">document.write(screen.height + "x" + screen.width);</script>pixeles.<br/>

4. Mostrar el navegador del usuario:
– Finalmente presento otro método que he visto por la red que permite mostrar a nuestros visitantes su navegador y la versión del mismo que usan. En caso de usar firefox aparecer netscape pero funciona muy bien y es muy sencillo.

1
2
3
4
5
6
7
8
<script type="text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
document.write("Nombre del Navegador: "+ browser)
document.write("<br/>")
document.write("Version del Navegador: "+ version)
</script>

Para acabar el artículo me gustaría comentar que estos scripts se pueden combinar entre ellos sin ningún problema

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.