Archivo de la etiqueta: Blogger

Compartir archivos en blogger: documentos, scripts y mp3 (modificado)

Hace unos días comenté que la posibilidad de sustitución natural para google pages era google sites, sin embargo tras algunas quejas de algunos lectores, he podido comprobar que realmente causa muchos problemas en algunos casos, con lo que me he puesto manos a la obra a buscar alternativas.

Realmente no he encontrado una alternativa tan buena como pueda ser googlepages, sobretodo por su sencillez de uso, pero Windows Live SkyDrive con un poco de gracia puede sernos útiles para subir archivos a nuestro blog.

Instrucciones de uso de Windows Live Skydrive en blogger para compartir ficheros
1. En primer lugar vamos
a la web de Windows Sky Drive. Una vez entramos pulsamos en “Comenzar”. A continuación, introduciremos nuestro nombre de usuario y contraseña. Si no estamos registrados nos podemos registrar aquí, en cambio si tenemos cuenta de MSN Messenger la podemos usar sin ningún problema. Nos aparecerá una pantalla como la que se aprecia a la derecha.

2. A continuación, para comenzar a subir archivos en el lugar donde pone “Carpetas públicas”, pulsamos “Agregar archivos”, y en la siguiente ventana podemos elegir crear una nueva ventana o subirlos en “Publico”, que seleccionamos.

3. Seleccionamos los archivos de nuestro disco duro que vamos a subir pulsando a “Examinar”, y a continuación pulsamos “Cargar”.

4. Tras unos instantes dependiendo del tamaño del archivo, nos aparecerá en la carpeta subido y pulsaremos sobre el archivo. Existen tres posibilidades para descargar el archivo:

  • Utilizando el enlace, en este caso para insertarlo copiamos el campo que pondrá “Dirección web”. Iremos a nuestro blog, escribiremos una entrada, pulsaremos sobre el botón HTML o Insertar enlace, y copiamos la dirección que nos suministran. El resultado será algo parecido a descarga. Este sistema no acaba de ser del todo elegante y por eso recomiendo las siguientes opciones, aunque esta sea la más sencilla.
  • Incrustando el archivo, para esta posibilidad tendremos que copiar la caja de texto que contiene incrustado, elegir la pestaña “Edición de HTML” y copiar el código donde queramos que aparezca. El resultado similar a este:

  • Poniendo un enlace directo al archivo, para seguir este caso haremos botón derecho en el navegador sobre los botones “Descargar” o “Abrir”, pulsar propiedades y copiamos el vínculo. El vínculo será algo parecido a:
    http://mz7buq.blu.livefilestore.com/y1p2exX0TCsmFeQ7s6W_eHB3S0y7-iL_OC5tViZA_zEqalrnSJgaifEEO__7P3bYfmK76ZXzlVYJHg/Curr%C3%ADculumweb.pdf?download
    Para insertarlo en nuestro blog, crearemos un enlace o hipervínculo y copiamos el enlace, un ejemplo para descargar directamente lo podéis ver haciendo clic aquí.

Utilizando Windows Live Skydrive para compartir mp3
Utilizando la explicación para insertar un reproductor en nuestro blog. Para saber la URL que hemos de poner para la canción seguiremos el siguiente procedimiento:

1. Seguimos el procedimiento indicado en el apartado anterior, subiendo el archivo a la galería pública de archivos.

2. Una vez está subido el archivo y estamos sobre el archivo, observaremos un botón descargar, pulsamos botón derecho y propiedades (tal y como muestra la imagen).

A continuación buscaremos un enlace del estilo del siguiente: http://mz7buq.blu.livefilestore.com/y1p2exX0TCsmFeQ7s6W_eHB3S0y7-iL_OC5tViZA_zEqalrnSJgaifEEO__7P3bYfmK76ZXzlVYJHg/Curr%C3%ADculumweb.pdf?download al cual tendremos que eliminar ?download de la dirección. Una vez hecho esto podemos incluir el reproductor tal y como explico en el artículo con el siguien resultado:

Subir Scripts a blogger
Para utilizar scripts en blogger, la técnica será exactamente la misma que hemos utilizado anteriormente, es decir eliminando el parámetro ?download podremos subir scripts perfectamente a nuestro blog.

Por cierto, me gustaría agradecer a José Manuel y vagabundia, su ayuda ya que fueron los que me ayudaron a aplicar la solución

Código de descuento Dreamhost – Descuento Dreamhost

Durante los próximos días haré un post explicando como pasar nuestro blog de blogger a wordpress adquiriendo un servidor propio. En este caso dado que uso yo ya actualmente Dreamhost, les ofrezco el servicio de hosting que uso yo con una excepcional promoción.

Los descuentos ofrecidos desde mi web serán los siguientes introduciendo el código promocional OSCARGPNET.

  • Un dominio adicional gratuito, con lo cual en total en vez de disponer de un solo dominio dispondrán de dos dominios gratuitos.
  • 50$ de descuento en cualquiera que sea el plan de dominio escogido.

Además, si justificas que tu dominio efectivamente ha sido dado de alta desde mi web, recibirás todo el soporte de ayuda a configurar tu blog desde yo@oscargp.com. Cuando he creado la promoción he optado por ofrecer un servicio muy bueno en detrimento del beneficio personal que espero que disfruten y valoren.

Las características que ofrece Dreamhost como hosting son las siguientes:

  • 500 GB de espacio disponible (se incrementa a partir de esta cifra en 2 GB cada semana)
  • 5 TeraBytes de transferencia mensual, con un incremento mensual de 40 GB.
  • Número ilimitado de bases de datos.
  • Número ilimitado de dominios por cuenta.
  • Número ilimitado de cuentas email por dominio.
  • Un dominio gratuito.
  • Tecnología servidor PHP 4 y 5, Perl, Python… y más detalles que podrán observar aquí.

Los costes del hosting (hospedaje web) serán los siguientes, a los cuales habrá que restar el descuento que explico arriba si usan mi código promocional:

  • Pago mensual: 49.95$ por alta + 10.95$ mensuales.
  • Pago anual: Alta gratis + 119.40$ anuales (el mes sale a 9.95$).
  • Pago bianual: Alta gratis + 214.80$ anuales (el mes sale a 8.95$).
  • Pago trianual: Alta gratis + 286.20$ anuales (el mes sale a 7.95$).
  • …hasta un pago a 10 años y un precio mensual de 5.95$.

Es importante destacar que el pago será en dólares, ya que el precio real del dominio será del coste que ven en dólares dividido entre 1.5 aproximadamente que es la paridad actual euro-dólar, con lo cual es más barato que nunca.

¿Cuando es rentable pasar de un hosting gratuito como blogger a uno de pago con wordpress?
Esto es muy complicado de pronosticar, y en muchos casos depende de nuestras expectativas, pero es una buna manera de crecer y una buena cifra podrían ser los 150 visitantes únicos. Durante los próximos días explicaré como pasar un blog de blogger a uno de wordpress con hosting propio.

Ranking de estrellas en blogger

Hace ya algún tiempo que tenía ganas de escribir este post y no lo había hecho por falta de tiempo. En él explicaré como podemos aplicar fácilmente a nuestro blog un ranking de estrellas para que los usuarios al final de cada post puedan dejar su opinión dándole una opinión en forma de estrellas.

Son muchas las veces que los visitantes no tienen tiempo para dejar un comentario, pero en cambio les resulta muy fácil dejar su opinión escrita, que en conclusión puede ser más importante que un comentario concreto que afirme que no ha conseguido hacer algo. El resultado será algo parecido a lo siguiente:

Ejemplo de ranking de estrellas
Lo pasos que seguiremos serán los siguientes:
1. En primer lugar entraremos al borrador de blogger. Para ello podemos pulsar aquí, o escribir en el navegador http://draft.blogger.com.

2. Posteriormente pulsaremos sobre “Diseño” sobre el blog sobre el que queramos activar el ranking de estrellas.

3. A continuación, en la pestaña “Elementos de página”, y pulsamos editar como podemos observar en la imagen de la derecha.

4. Finalmente, encontraremos una casilla como la siguiente que deberemos activar:

Una vez hecho esto observamos en nuestras entradas de blogger que los usuarios podrán dejar su opinión como podemos observar en este blog de pruebas.

Si nos aparece un color de fondo que no se corresponde con el de nuestro blog, para eliminarlo tendremos que ir a la “Edición de HTML” en la pestaña diseño y buscar la siguiente frase:

1
<span class='star-ratings'>

Posteriormente, un poco más abajo eliminamos el siguiente código, y así el fondo será transparente:

1
expr:g:background-color='data:backgroundColor'

Como cambiar la plantilla en blogger

Hoy les mostraré una de las cosas que hemos de hacer siempre para mejorar el aspecto de nuestro blog, y que tal vez para muchos de ustedes ya sea algo habitual y lo hayan hecho muchas veces.

En primer lugar lo primero que hemos de hacer es elegir la plantilla que queremos poner. Las plantillas pueden ser de dos tipos: estándar o personalizadas.

Antes de comenzar a instalar cualquiera de las plantillas es muy importante que guardemos nuestra plantilla actual, para poder retornar siempre atrás. Para guardar nuestra plantilla recomiendo mirar este artículo.

Colocar una plantilla estándar
Para poner una plantilla estándar tendremos que hacer los siguientes pasos:
1. En nuestro panel de Blogger, elegimos la pestaña “Diseño”, y como subpestaña “Seleccionar plantilla nueva”.

2. A continuación, Blogger nos mostrará una lista de las plantillas definidas. A continuación, seleccionamos la plantilla que más nos guste y pulsamos sobre “Guardar plantilla”. Una vez hecho esto las plantilla ya tendremos la plantilla seleccionada.

Las plantillas de blogger, a pesar de ser las recomendadas de blogger, no tienen poque ser mejores que las que voy a presentar a continuación que más vistosas, simplemente en las de blogger nos aseguramos que podremos usar perfectamente los diferentes “trucos” presentados en muchas de las webs para dar un aspecto más agradable a blogger.

Colocar una plantilla diferente en blogger
Sin embargo, a todos cuando diseñamos una web nos gusta optar por temas más estéticos de tres columnas como el que uso en mi web (aunque aviso que no es un tema de blogger ya que uso wordpress), tendremos que recurrir a otras webs para obtener plantillas. Las principales páginas para obtenerlas son las siguientes:

BTemplates. Maravillosa página, que a pesar de ser relativamente nueva contiene una increíble colección de plantillas que acostumbran a ser compatibles con muchos de los hacks y de gran calidad. Destacaría las categorías que permiten obtener rápidamente lo que buscamos.

Plantillas de Mashable. Mashable ofrece 50 plantillas que las considera las mejores de Blogger. Realmente las ofrecidas son muy buenas y creo que merece la pena tenerlas en cuenta.

Blogger Templates. Blog que ofrece periódicamente multitud de plantillas. Algunas son muy buenas. Está en inglés, aunque no es demasiado difícil entenderlo.

Aún así como digo en este tipo de cosas hay múltiples alternativas y son solo fuentes para obtener plantillas. Para el caso por usar un ejemplo usaré Btemplates, que personalmente creo que es la mejor opción.

Los pasos a seguir serán los siguientes:

1. En primer lugar hemos de seleccionar la plantilla que más nos guste, o un conjunto pulsamos en Download, y descargaremos en formato zip la plantilla.

2. Al descomprimir el archivo, veremos varios archivos, algunos que contienen la captura en imagen pero el importante es el que tiene extensión XML.

3. A continuación, vamos a nuestro panel de Blogger, elegimo la pestaña “Diseño”, y elegimos la subpestaña “Edición de HTML”.

4. En la parte superior observaremos la opción de restaurar una plantilla, y pulsaremos “Examinar” y seleccionaremos de nuestro PC la plantilla que acabamos de descargar. Posteriormente, pulsaremos subir y con esto ya tendremos la nueva plantilla subida.

Subir archivos a blogger sin usar googlepages

Ayer se dio un hecho inesperado, que ha frustrado tanto un vídeo como una de las entradas que más visitas reportaban al sitio y era el uso de googlepages para subir archivos a blogger, que desde ayer no admite nuevas altas.

En esta entrada explicaré como compartir archivos de cualquier tipo en nuestro blog de blogger.

Como ya he explicado en otros artículos Blogger no permite subir archivos de ningún tipo (únicamente imágenes y vídeos), y hemos de usar un servicio externo, tras analizar las diferentes alternativas me he decantado por el sustituto que recomienda googlepages: sites google.

Pantalla Login Google Sites
Pantalla Login Google Sites

El proceso que seguiremos será el siguiente, lo explicaré muy detalladamente con texto, y a continuación haré un vídeo complementando la explicación. El proceso será el siguiente:

1. Vamos a la página de google sites, y entramos con nuestra identificación de blogger o de gmail: en principio es un servicio más de google.

2. A continuación, se nos abrirá una interfaz y buscaremos la opción “Create new site”, y haremos clic.

3. Posteriormente, tendremos que rellenar un formulario, en el cual son especialmente importantes los sguientes campos:

  • Hemos de recordar el valor que damos al campo “Your site will be located at:”, ya que será el nombre del sitio y tendremos que recordarlo para crear en el enlace desde nuestro blog.
  • Em campos “Share with”, ha de tener el valor “Every one in the world can view this site”, con la finalidad de que cualquier persona pueda descargar un archivo de nuestro blog.

4. A continuación si todo ha ido bien aparecerá una pantalla como la siguiente:

Captura del nuevo site
Captura del nuevo site

En esta pantalla haremos clic en la pestaña “Attachment”, aparecerá un desplegable como el siguiente, en el cual pulsaremos, y seleccionaremos el archivo de nuestro disco duro que deseamos subir. Después de un breve período de tiempo nos aparecerá algo parecido a lo de la imagen:

Captura de un archivo subido
Captura de un archivo subido

Para subir más archivos bastará con pulsar otra vez en “Examinar”, y seleccionar el archivo que queramos subir a google sites.

5. En este momento, ya tenemos el archivo subido y únicamente tendremos que hacer el enlace desde blogger al elemento que acabamos de subir. A continuación vamos a nuestro panel de blogger, y creamos la entrada donde queramos compartir el archivo.

6. Escribiremos el texto con el que deseemos compartir nuestro archivo, lo seleccionaremos y pulsaremos el botón o Link. A continuación se nos abrirá un enlace en el que escribiremos la ruta del archivo que queremos compartir que será algo similar a:
http://sites.google.com/site/titulodetusitio/Home/Archivosubido.ext

El título es el punto que recalcaba que teníamos que recordar del punto 3, y el nombre del archivo lo veremos junto al texto subido.

Una vez hecho esto ya habremos compartido el archivo. A continuación les dejo el vídeo explicativo:

Activar pestañas “Edición de HTML” y “Redactar” en Blogger

Hoy, y después de unos días en los cuales he tenido muy poco tiempo (espero que ahora durante el mes de agosto haya media de cinco entradas semanales), les muestro un problema que puede surgir en algunos de los tutoriales explicados en el blog, y que es necesario activarse para poder utilizar Blogger en todo su esplendor: estas son las pestañas “Edición de HTML” y redactar que aparecen cuando escribimos una nueva entrada. Agradezco la aportación del problema a codex10, que me permitió encontrar la causa de que a algunas personas no les funcionara bien el “leer mas“.

La finalidad de estas pestañas es la de poder copiar código HTML para un reproductor de música o un “leer más” correctamente en blogger. Para detectar si nos falta, únicamente tendremos que ir a nuestro panel de blogger, y observar la pantalla al escribir una nueva entrada.

captura blogger crear entradas
captura blogger crear entradas

Para comprobar si estas pestañas están activadas hemos de poder observar las pestañas que se aprecian en la imagen de la derecha “Edición de HTML” y “Redactar”.

Para activar estas dos pestañas haremos lo siguiente: iremos a la pestaña de Blogger Configuración y la subpestaña Básico y buscaremos la opción “¿Mostrar el modo de composición para todos sus blogs?”.

Para cambiarlo tendremos que poner esta opción en Sí, y al crear una nueva entrada ya nos aparecerán ambas pestañas.

Programar entradas en blogger

Hoy como petición de un lector, explicaré como podemos programar entradas en Blogger. Este servicio nos permitirá programar entradas cuando nos vayamos de vacaciones, vayamos a estar unos días fuera o sencillamente preveamos mucho trabajo y no podamos escribir.

El procedimiento para hacerlo será el siguiente:
1. En primer lugar, iremos a la pestaña entradas y escribiremos una nueva entrada.
2. Escribiremos nuestra entrada sin hacer ningún cambio aparente. Es especialmente importante que no lleguemos a pulsar la opción de publicar.
3. Posteriormente, hemos de pulsar “Opciones de entrada”, y en la fecha que nos aparece, la cambiamos por la fecha de publicación en que queremos que el mensaje sea publicado.

En caso de querer utilizar el cambio de fecha para crear una página de inicio en blogger, les recomiendo que sean este artículo que escribí hace algún tiempo.

Insertar buscador de google en nuestro blog I (blogger, blogspot)

Hoy les mostraré como podemos insertar un buscador de google en nuestro sitio. Hace algún tiempo, expliqué como insertar un buscador de entradas en nuestro blog, y hoy mostaré como insertar un buscador de google que permitirá buscar tanto en google como en las entradas de nuestro blog que tenga indexadas google.

buscador google en el blog

buscador google en el blog

Presentaré varios tipos de buscador. El primero será tal y como muestra la figura, y con la finalidad de permitir a los usuarios buscar en google y en nuestro propio sitio. El resultado visual será como el se puede mostrar en la figura. Los pasos para ponerlo en nuestra web serán los siguientes:

1. En primer lugar, vamos a nuestro panel de blogger, y elegimos la pestaña “Diseño” y la subpestaña “Elementos de página”.

2. A continuación elegimos “Añadir nuevo elemento de página”, y elegimos la opción HTML/Javascript.

3. Finalmente, para terminar copiamos el siguiente código HTML, reemplazando NOMBRESITIO por el nombre de tu sitio, y DIRECCIONSITIO por la correspondiente URL (algo de la forma http://tublog.blogspot.com). Para que todo esté correcto en total se han de hacer 3 cambios.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
  <form action="http://www.google.com/search" method="GET">
  <input value="UTF-8" name="ie" type="hidden"/>
  <input value="UTF-8" name="oe" type="hidden"/>
  <table bgcolor="#FFFFFF">
  <a href="http://www.google.com/">
  <img border="0" alt="Google" src=" http://www.google.com/logos/Logo_40wht.gif"/>
  </a>
  <input maxlength="255" value="" 
 name="q" size="15" type="text"/> <input value="Buscar" name="btnG" type="submit"/>
  <font size="-1">
 <input value="DIRECCIONSITIO" 
 name="domains" type="hidden"/><br/><input value="" 
 name="sitesearch" type="radio"/> la web<input checked value="DIRECCIONSITIO" name="sitesearch" type="radio"/> NOMBRESITIO<br/>
  </font>
  </table></form>

Para terminar la explicación en otro artículo, explicaré como insertarlo en la parte superior después del título mañana.

Crear un backup de blogger en nuestro PC II

Hoy, tal y como prometí hace unos días mostraré como podemos hacer un backup de nuestro blog de blogger en nuestro PC. Para hacerlo, usaremos una aplicación externa llamada Blogger Backup. El procedimiento para hacerlo que seguiremos será el siguiente:

1. Descarga de la aplicación. Para descargarla pulsa aquí. En principio nunca tendría que fallar el enlace ya que lo he subido en mi servidor. La versión que he subido es la 1.0.9.22, actualmente hay una posterior, pero cuando la prové se mostro muy inestable.

2. Abre con una aplicación como WinZIP o WinRAR el archivo descargado, y a continuación ejecuta el archivo Setup.exe, y sigue todos los pasos del proceso de instalación. No hay ninguna opción específica en el proceso de instalación.

3. Una vez instalado, buscamos la aplicación en Inicio > Todos los programas > Blogger Backup Utility > Blogger Backup Utility. A continuación haz clic en un desplegable que estará vacío, y selecciona [Add/Update/Remove blogs].

4. A continuación se nos abrirá una ventana y tendremos que introducir nuestro usuario y password de blogger, y pulsamos “Log in to Blogger and get Blogs”. Si hemos puesto bien nuestro usuario y password nos aparecerá en la misma pantalla una lista de nuestros blogs. A continuación pulsamos OK, y retornaremos a la pantalla.

5. En este momento tendremos que configurar los siguientes factores:

Capgura Blogger backup
Capgura Blogger backup

– Carpeta donde se guardará el backup de nuestro blog.
– Elegir si queremos hacer una copia de un tiempo concreto, o o todas.

6. Una vez elgidas las opciones y donde guardaremos el backup, pulsamos Backup, y a la derecha nos aparecerán los resultados tal y como podemos apreciar en la captura de pantalla.

Restauración de las entradas

En caso de que queramos restaurar la copia de seguridad de Blogger, el proceso que tendremos que seguir será el siguiente:

1. En primer lugar, seleccionamos el blog del que queremos restaurar un mensaje, y pulsamos “Restore posts”, y nos saldrá la carpeta para seleccionar los posts que queremos restaurar hasta 50. Si queremos restaurar más de 50 entradas lo tendremos que hacer por fases.

2. A continuación, una vez seleccionados los posts que queremos restaurar, y nos parecerá una pantalla con los marcados. Introducimos la contraseña de nuestra cuenta blogger, y pulsamos OK.

Una vez hecho esto habremos restaurado las entradas en blogger.

Agregar “leer más” o “read more” a blogger (blogspot) II

Hoy les mostraré como podemos insertar un “leer más” o un “read more” en blogger. Hace ya algún tiempo escribí un artículo que hacía que en la misma página, apareciera el texto al pulsar sobre “leer más”. Esperando a resolver algunos problemas que produció escribo este artículo que espero que sea aplicable a todos los blogs.

En esta ocasión, al pulsar encima del “leer más”, veremos nuestro artíuclo completo en la página del artículo. El procedimiento seguido ha sido muy similar al de blogmundi. El procedimiento que tendremos que seguir será el siguiente:

1. En primer lugar iremos a la pestaña “Diseño” de nuestro panel de Blogger y elegiremos la opción “Edición de HTML”. A continuación pulsamos “Expandir plantilla de artilugios”.

2. A continuación buscamos en nuestro plantilla el código (dependerá del blog y solo habrá uno de los dos)

1
<div class='post-body entry-content'>

o

1
<div class='post-body'>

.

3. Posteriormente, introduce justamente debajo el siguiente código:

1
2
3
4
5
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

4. A continuación localizamos el código

1
<data:post.body/>

y justamente después copiamos el siguiente código:

1
2
<a expr:href='data:post.url'>Leer más...</a>
</b:if>

En conclusión, la zona del código del leer mas tendría que ser algo similar a:

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none}</style>
<data:post.body/>
<a expr:href='data:post.url'>Leer más...</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>

5. Una vez hecho esto ya podemos guardar la plantilla, y para poder usarlo con facilidad haremos lo siguiente. Iremos a la pestaña “Configuración” y elegiremos la subpestaña “Formato”, y en la opción “Plantilla de entrada” copiamos el siguiente código:

1
2
3
4
Esto saldra antes del leer mas
<span class="fullpost">
Esto saldra en la pagina al pulsar leer mas
</span>

Finalmente, guardamos los cambios y vamos a escribir una nueva entrada. Solo tendremos que cambiar nuestro texto por lo que deseemos publicar y ya funcionará perfectamente. A diferencia del anterior este funcionará siempre, ya que es mucho más sencillo.

Por último, en caso de que queráis que sea introducido por mí el código doi la opción de que si enviáis vuestra plantilla sea realizado por 5$. Aún así como en toda slas entradas estoy abierto a resolver dudas vía comentarios.