Invitados

Incluir un widget con actualizaciones de tu perfil de Google+

Publicado por Claudia en Mayo 28, 2013

Artículo de Pedro Mendez. Desarrollo y diseño de sitios web Blog.

Hasta el momento, no hay ningún “widget” o RSS funcionando que podemos insertar en Blogger para mostrar una lista de nuestros últimos puestos en Google Plus.

Por suerte, Google+ RSS ofrece un servicio gratuito que nos permite generar un feed RSS de los perfiles personales y las páginas que pueden agregar a un simple dispositivo de feed en Blogger.

Google RSS Feed

Puedes ver la foto para ver esta técnica en acción situada en la barra lateral y sigue leyendo para averiguar cómo agregar un gadget con actualizaciones de Google+ en tu propio sitio de Blogger.

Widget Google Plus

Para empezar, dirígete a Google+ to RSS y crea un feed para tu perfil de Google+. Tendrás que iniciar sesión con tu cuenta de Google+ para permitir acceder a la aplicación a tu perfil.

Tan pronto como hemos hecho esto, seremos capaz de “gestionar las entradas”. Busca la dirección URL de tu perfil de Google+ feed RSS:

Widget Google Plus

Entramos en el icono derecho del RSS al lado del perfil y elige copiar la ubicación del enlace. Esta es la URL feed RSS de las actualizaciones del perfil personal.

Para publicar estas actualizaciones para una página de Google+, entramos en el verde botón “Nuevo” y pegamos en el ID de perfil para tu página de Google+ y seguimos el procedimiento de arriba para obtener la URL.

Importante:  Sólo se pueden crear dos canales para cada cuenta de Google+ Esto evita el uso indebido del servicio gratuito proporcionado.

Una vez que tenemos la URL de la página de perfil, entramos en el panel de Blogger y optamos por añadir un nuevo gadget de Feed.

Ahí podemos pegar la URL de tu feed Google+ y cambiar el título / opciones para modificar el gadget a tus necesidades. Ahora seremos capaz de obtener una vista previa del gadget, y podemos adaptarlo para que coincida con el aspecto general del sitio.

Por último, guarda el gadget y disfruta con las actualizaciones de Google+ en tu blog.

¿Qué te parece?

Es cierto que este es un gadget bastante básico, y en particular depende de un servicio de terceros. Aún así, esta técnica resulta útil para aquellos que quieran añadir un canal de Google+ en Blogger hasta que los widget oficiales estén disponibles. Si quieres también como posicionarte en esta red social te recomiendo leer este artículo.

Por favor, siéntase libre de dejar tus opiniones y comentarios sobre este tutorial a continuación.

Tags: , ,
Blogger

Cómo usar tu propio dominio en Blogger con GoDaddy

Publicado por Claudia en Abril 21, 2013

Blogger es una excelente opción para quienes quieren comenzar un blog con escaso presupuesto. Si queremos hacer alguna inversión, lo único que tendremos que comprar es el dominio, que cuesta entre $3 y $10 US al año, aproximadamente.

A la hora de comprar dominios, uno de mis registrantes favoritos es godaddy.com, porque utilizando cupones de descuento puedo conseguir dominios realmente baratos. Por ejemplo, hace poco adquirí un dominio .com para Trucos Candy Crush por US $3.19 apenas. Decidí usar este dominio en Blogger a modo de experimento, y a continuación explico cómo lo configuré desde GoDaddy (para otros registrantes el proceso es muy similar).

Configura tu propio dominio en Blogger.com (blogspot)

1. En Configuración/Dirección del blog hacemos click en “Añadir un dominio personalizado“. Veremos que tenemos la opción de registrar el dominio a través de un partner de Google a un costo de US$10 al año, pero en este caso ya tenemos nuestro dominio en GoDaddy, por lo cual haremos click en “Configuración Avanzada“.

Configurar dominio en Blogger

2. A continuación veremos que “primero debe registrarse correctamente el dominio”. Por ello, introducimos el dominio que tenemos comprado, con www. (en este caso, www.trucoscandycrush.com) y hacemos click en “instrucciones de configuración“. Se abrirá una nueva ventana en inglés.

Configuración dominio Blogger

3. Seleccionamos la primera opción para la pregunta “Where would you like to host your blog?“: On a top-level domain (www.example.com). A continuación se desplegarán las inscrucciones, que indican que debemos entrar al panel de control del registrante (GoDaddy, en este caso) y añadir dos registros CNAME tal y como ahí se indica. Deja esa ventana abierta, porque las instrucciones son específicas para tu dominio.

4. En GoDaddy vamos a MyAccount/Products/Domains. Hacemos click en el botón “Launch” que está justo al dominio. Vamos a DNS Manager/Launch.

5. Ahora, el el panel de control de GoDaddy, debemos ir a “Add Record“, seleccionar el tipo de registro “CNAME (Alias)” y añadir los dos registros que se nos solicitan:

CNAME GoDaddy

  • En el primer registro, el nombre o alias debe ser www, y debe apuntar a ghs.google.com
  • El segundo registro a añadir es específico para cada blog (verifícalo en las instrucciones, como se indica en el paso 3). Un ejemplo denombre o alias es X6ZWHRKZH3IB, apuntando a gv-WPTBWFRADNYBWZ.dv.googlehosted.com.

Si previamente ya existe un registro CNAME de nombre www, lo modificamos y hacemos que apunte ghs.google.com. Una vez añadidos correctamente los dos registros CNAME, guardamos los cambios haciendo click en el botón “Save Zone File”  (parte superior de la pantalla.

6. A continuación, de la misma manera que agregamos los registros CNAME, creamos 4 registros A (Host) para que nuestro dominio pueda usarse con y sin www. Es importante que hagamos este paso para que nuestros visitantes no se encuentren con una página de error al ingresar el nombre del dominio sin www.

Para cada registro A, ingresaremos como nombre nuestro dominio sin www “trucoscandycrush.com“, apuntando cada uno a las diferentes direcciones IP dadas por Google en las instrucciones del paso 3. Los cambios pueden demorar 1 hora en reflejarse.

7. Volvemos al paso 1 en nuestro panel de control de Blogger. Allí, de nuevo ingresamos nuestro dominio www.trucoscandycrush.com, y seleccionamos “Redireccionar trucoscandycrush.com a www.trucoscandycrush.com“. Guardamos los cambios.

¡Listo! Ahora ya tenemos nuestro propio dominio en Blogger.

Tags: , ,
Web 2.0

Las 5 mejores plataformas para crear un blog gratuito

Publicado por Claudia en Enero 30, 2013

Los amantes de WordPress (con hosting propio), pensamos que es la mejor y más completa opción para crear un blog o página web. No obstante, si quieres iniciarte en el mundo de los blogs y lo que deseas es un blog personal (o sin fines comerciales) y no pretendes gastar un solo centavo, hay muchas alternativas. Éstas son las 5 mejores opciones para comenzar un blog gratis (según chica blogger):

Blogger

Sus opciones son prácticamente ilimitadas al sincronizar con redes sociales y con productos Google como Google+, Analytics, Youtube y Adsense. Permite modificar totalmente el diseño de tu blog hasta transformarlo de acuerdo a tus propias necesidades, además de almacenar imágenes y videos ilimitadamente. De acuerdo a los usuarios, su mayor ventaja es la libertad que da, tanto para publicar casi cualquier contenido como para retocar el código libremente, pudiendo monetizar tu blog para ganar dinero.

Blogger

Tumblr

Plataforma de microblogging por excelencia. Ideal para quienes quieren escriben entradas de pocas palabras o quieren archivar ideas o contenido multimedia. La principal característica de Tumblr es que muestra un estilo distinto de acuerdo al tipo de entrada: texto, foto, cita, chat, enlace, audio o video. Te deja editar libremente el código de tu plantilla. Es ideal para blogs personales o como un complemento a tu blog o página web. Sincroniza con Twitter y Facebook.

Tumblr

Posterous

Es una mezcla entre red social, plataforma de microblogging y hosting. El servicio te permite crear un blog o un espacio donde puedes subir imágenes, audio, videos y documentos. Puedes crear múltiples espacios y compartir su contenido con toda la web o con un determinado grupo de personas (amigos, familia, empresa, etc.).

Posterous es muy similar a Tumblr, y ofrece opciones avanzadas de edición CSS/HTML. Pero la mejor razón para preferirlo es la inmediatez con la que puedes compartir contenido a través de él: no sólo ofrece la opción de postear mediante correo electrónico, sino también la posibilidad de autopostear a diversos servicios, tales como Blogger, Facebook, Twitter, Linkedin, WordPress, Flickr y Youtube.

Es una fantástica alternativa para publicar entradas cuando estás literalmente “sobre la marcha” y tienes poco tiempo, en especial porque puedes acceder a tu espacio desde tu móvil y utilizar Posterous Spaces en conjunto con otras aplicaciones como Office para Android.

Posterous Spaces

WordPress

Toda la elegancia de WordPress, pero con opciones más limitadas en su versión gratuita. Es ideal para quienes quieran probar WordPress antes de decidirse a contratar un plan de hosting. No obstante, sus políticas restrictivas lo hacen recomendable únicamente para blogs personales o corporativos (no blogs para ganar dinero, ni de adultos,  ni de descargas). Te da 3GB para almacenar contenido multimedia, pero no permite modificar mayormente el diseño, salvo la elección de plantillas preconfiguradas, colores e imágenes de fondo. Tampoco permite incorporar publicidad.

WordPress

Bligoo

Plataforma de blogs chilena que te permite crear un blog personal, una red social o una página web. Su énfasis es claramente social, privilegiando la interacción entre los usuarios de la red.  Puedes publicar artículos, imágenes, audio y más, con un espacio para subir archivos multimedia de 200MB. Integra Google Apps y permite editar el diseño libremente, siempre aportando tips para que hagas crecer tu sitio.

Bligoo

Conclusión

Comparativamente hablando, Google Blogger sigue siendo la plataforma de blogging más completa y la preferida por millones de usuarios. No obstante, evaluar las ventajas de otras plataformas puede ser muy útil a la hora de mejorar nuestra presencia en la web.

Tags: , , , , ,
Blogger

Añadir un logo correctamente en Blogger

Publicado por Claudia en Diciembre 18, 2012

A la hora de añadir un logo en Blogger lo más recomendable es hacerlo desde la opción “Diseño” del panel de de opciones, porque podemos reemplazarlo o borrarlo las veces que queramos sin necesidad de tocar el código de la plantilla. Una vez allí, seleccionamos “Editar” en el gadget de cabecera, justo donde aparece el título de nuestro blog. Veremos las siguientes opciones:

Logo en Blogger

Podemos subir el logo directamente desde nuestro escritorio, sin necesidad de hospedarlo previamente en algún hosting, pudiendo además escoger además dónde queremos que se ubique nuestro logo:

  • Detrás del título y la descripción: sitúa el logo como fondo (no borra el título ni la descripción).
  • En lugar del título y la descripción: el logo reemplazará al título y la descripción (éstos quedarán ocultos).
  • Colocar la descripción después de la imagen: Incluye el logo, pero oculta el título (no así la descripción del blog).
  • Reducir hasta ajustar: Ajusta el tamaño del logo al ancho de la cabecera. No recomiendo esta opción, porque puede hacer que el logo se vea “estirado”. Lo mejor es cambiar manualmente el tamaño de la imagen en nuestro editor de fotos para que se ajuste al ancho de la cabecera.

Por defecto, en las plantillas nuevas de Blogger, el logo aparece alineado a la izquierda. En las plantillas antiguas, el logo por defecto aparece centrado. Si quieres corregir la alineación del logo, busca el siguiente código CSS en Plantilla/Edición de HTML:

1
2
3
4
5
#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}

Para cambiar el centrado del logo, debemos cambiar el “center” por “left” (izquierda) o “right” (derecha), sin las comillas, y cambiar los valores de márgenes (en vez de “auto”, poner “0”, si no queremos margen a la izquierda o a la derecha.

Calidad del logo

Como recomendación práctica, guarda tu logo siempre en formato PNG-24, desde Photoshop, Gimp o el editor de imagen y fotografía que prefieras, con transparencia si es posible. Esto, porque Blogger cambia automáticamente el peso de las imágenes JPG que subas, con la consecuente pérdida de calidad, cosa que no ocurre con el formato PNG.

Tags: ,
Herramientas

Blogger Template: Faustina

Publicado por Claudia en Junio 10, 2012

Faustina es una plantilla Blogger para blogs de mujeres u otras temáticas. Incluye Nivo slider, buscador interno, espacio para publicidad en la cabecera y logo PSD. Incluye una versión simple sin slider.

Faustina Blogger Template

DEMO | DESCARGA Faustina Blogger (2105)

Sigue leyendo

Tags: , ,