Cerca del infinito

Diseño gráfico, web y mucho más

Categoría: Blogging

¿QUÉ ES BOTIZE Y CÓMO SE UTILIZA?

Inaugurando una serie de post nueva en el apartado de blogging, traigo el primer post de “Herramientas útiles”, una serie donde presentaré herramientas y programas que, en mi opinión, pueden ayudar a cualquier blogger haciendo su trabajo más fácil y ahorrándole mucho tiempo.

Antes de nada, quiero avisar que este post es una colaboración con una blogger, Carmen, de El estante de Rhiri. Carmen, a parte de ser una de mis mejores amigas y una persona muy importante y especial para mí, es también personal shopper (entre muchas otras cosas, porque esta chica es una verdadera terremoto y se interesa por multitud de cosas), por lo que en su blog, que es también un poco “batiburrillo” como el mío, prima el tema de belleza. Sinceramente, y no porque sea mi amiga, que también, creo que deberíais pasaros por su blog, donde acaba de subir un tutorial de Rafflecopter, y donde encontrareis un montón de post sobre distintos temas que seguro que os encantan.

¿QUÉ ES BOTIZE?
Y ahora, volviendo al post, el primer invitado a esta serie es Botize. Botize es una herramienta online que te permite crear tu propio bot. Como la mayoría de programas similares, tiene una opción de pago, pero a nivel usuario podremos manejarnos perfectamente con la opción gratuita. Pasemos a analizar esta herramienta:
La apariencia de la página principal: minimalista e intuitiva.
¿CÓMO SE UTILIZA BOTIZE?
En un primer vistazo, podemos ver todas las opciones a las que nos permite acceder Botize rápidamente desde la página principal. Lo primero que haremos para poder acceder a todas las funciones, será registrarnos pulsando en el botón verde de la esquina superior derecha donde pone “Entrar”.
Para registrarte, solo será necesario introducir un nombre de usuario, una contraseña y un e-mail.
Una vez registrados, podemos crear nuestra primera tarea a través de una receta. ¿Que qué es una receta? Muy fácil: en Botize se utilizan automatizaciones de tareas siguiendo el principio  “Causa-efecto”, es decir, con la fórmula “Si …, entonces …”. Esta fórmula se llama receta.
Para crear nuestra primera receta, seleccionamos Mis tareas en la barra superior y posteriormente, Nueva tarea, que se presentará como un botón verde. Ahora formaremos las premisas de la receta.
Seleccionaremos la aplicación que deseemos junto con la acción que actuará de “disparador” de la receta
Y después haremos lo mismo con la consecuencia que queramos darle al proceso anterior
Finalmente, pulsaremos en “Siguiente”, dejando nuestra receta terminada.
PERSONALIZAR CADA CUÁNTO SE REALIZA LA ACCIÓN
Para modificar el periodo de tiempo que pasa entre acción y acción, nos vamos a “Mis tareas” y seleccionamos la receta que queremos modificar. Una vez dentro, pulsamos sobre el primer recuadro y seleccionamos el periodo de tiempo que prefiramos.
Personalizar los periodos de tiempo nos ayudará a no pasar desapercibido en las redes y/o a no ser demasiado invasivo con las publicaciones.
VER TAREAS YA CREADAS
Si no tienes muy claro qué automatizar, o simplemente quieres inspirarte, Botize cuenta con un amplísimo catálogo de acciones ya definidas por otros usuarios (o incluso por ellos mismos). Puedes acceder a ellas desde la página principal (que se muestra en la primera imagen del post) o desde “Fórmulas”, “Aplicaciones” y “Novedades”, situadas en la barra superior de la página.
PASO POR PASO
Por si ha quedado alguna duda, dejo un vídeo oficial de los chicos de Botize, que lo explican todo muy bien y paso por paso. Cabe aclarar que encontré este vídeo después de haber escrito toda la entrada, pero me parece un muy buen cierre de post.
GuardarGuardar
¡ME SUSCRIBO! COTILLEA MI twitter GRANITOS DE ARENA

Esto es solo un avance, pero puedes ver el resto del post y mucho más en el blog, al que puedes acceder pinchando aquí. ¡Ah! y no olvides dejar tu comentario, los devolveré todos.

¡Un saludo y hasta el próximo post!

CONSEJOS PARA MEJORAR TU BLOG I

Esta es la primera parte de una serie de post donde expondré consejos (algunos subjetivos y planteados desde mi perfil de diseñadora gráfica) para mejorar un blog. En cada uno de estos post habrá cinco consejos diferentes que pueden llegar a ser muy útiles si se llevan a cabo.

CUIDA EL FONDO DE TU BLOG
Este es uno de los motivos principales de que los posibles nuevos lectores salgan huyendo de un blog para no volver jamás. Un fondo estridente no solamente es feo a nivel estético, sino que dificulta la lectura, hace daño a la vista y provoca dolor de cabeza. Especialmente si un post es largo, el hecho de el fondo del blog resalte más que el propio contenido va a hacer que éste desista en su lectura y no llegue al final, ya que esto le va a causar una molestia y le va a distraer.

Personalmente, recomiendo fondos pattern que no sean especialmente llamativos, fondos planos con colores suaves, texturas no muy agresivas y, sobre todo, que el fondo sea uniforme. Que un fondo tenga un color llamativo puede pasar, sin embargo, que no haya uniformidad y que se vea la línea divisoria en un fondo pattern es imperdonable.
Dicen que una persona tarda 5 segundos en decidir si quedarse en una página después de haber entrado en ella. Suena superficial, pero quizás deberíamos cuidar la estética de nuestro blog que se percibe en un primer vistazo, ya que podría granjearnos una cantidad ingente de lectores a largo plazo.

Los otros cuentos, de Anna Hailer. Un blog que diseñé hace unos meses (barriendo para casa jeje)

TEN A MANO TU INFORMACIÓN DE CONTACTO

Y cumple con esto como si del ABC de los blogs o el Padrenuestro se tratase. Tener tu información de contacto accesible es completamente indispensable en un blog, y una de las cosas más importantes, si no la que más, donde la gente falla. Cualquier persona puede quererse poner en contacto contigo: desde un colaborador a un lector que quiere señalarte que tal o cual enlace no funciona. Hacer que una persona busque durante largo rato tu contacto (a veces sin éxito) no solo muestra una falta de “profesionalidad”, sino que provoca que desista y puedas perder una gran oportunidad.

Tener al menos tu e-mail accesible no es tan difícil. Puedes crear una página estática de “Contacto” (como la que tengo yo) o ponerlo en un gadget de la barra lateral (preferiblemente situado en la parte superior del blog). Hagas como lo hagas, no te olvides de tener tu contacto a la vista SIEMPRE.

DISEÑA UNA CABECERA (POR CUTRE QUE SEA)

Absolutamente todos podemos acceder a una cabecera para nuestro blog. Da igual lo simple o “cutre” que nos pueda quedar (evidentemente, cada cual tiene que hacerlo lo mejor que pueda si quiere que le quede más o menos presentable), pero siempre será preferible una cabecera “diseñada” al título predefinido que nos ofrece Blogger. No me creo de ninguna de las maneras que alguien que tenga un blog no pueda utilizar siquiera Pickmonkey, así que no es necesario tener conocimientos avanzados de programas como Photoshop o hacer una cabecera super compleja. De hecho, cuanto más simple sea, menos recargará la estética general, más equilibrio visual creará y más minimalista quedará, y si no, solo hace falta ver la cabecera que tengo yo. ¡Menos es más!

Sleepless nights and books, de Jessica, una integrante de mi iniciativa y un gran ejemplo de cabecera

LETRA LEGIBLE ANTES QUE BONITA
Es evidente que si encuentras una tipografía que a parte de ser legible, sea bonita, te llevas el 2×1, pero si hay que sacrificar uno de estos dos requisitos está claro cual vamos a mancillar, y además con saña. Hay tipografías muy bonitas y con muchas florituras, pero que en cuanto a su utilidad se quedan en el banquillo, y lo peor es que hay gran cantidad de blogs que tienen estos tipos de letra como predefinidos. Si bien antes hablábamos de que un fondo estridente, al dificultar la lectura, podía hacernos perder lectores… ya ni que hablar hay de una letra que tengas que estar interpretando cual jeroglífico. En cuanto a las tipografías del catálogo de Blogger que podemos escoger, optar por una Arial, una Nobile o una Droid Sans puede ser una buena idea, y por supuesto, huir de tipografías como Dancing Script, Sunshiney o Crafty girls, es mejor idea todavía.

Las bragas perdidas, de Adara, otra de las integrantes de la iniciativa, y con una letra de lo más recomendable

LA LETRA PEQUEÑA MEJOR PARA LOS BANCOS
Y unido al consejo anterior, este es prácticamente igual de importante: la letra, mejor bien visible. No hay que tener miedo a que se vean bien nuestros post, al contrario: hay que tener miedo a que el lector tenga que forzar la vista para leerlos. Puede que visualmente a mucha gente le parezca que la letra más pequeña haga que todo quede más ordenado y limpio, sin embargo, es una percepción errónea. Todos, seamos o no conscientes de ello, preferimos una letra grande a la hora de leer, ya que una letra pequeña provoca que fuerces más la vista, que a su vez deriva en una vista cansada que por resultado da que posiblemente un lector deje de leer. Como todo, hay un límite… no hace falta que pongamos la letra tan grande que solo quepan un par de palabras por renglón *dramatización*, pero mejor evitar los tamaños pequeños, por muy “recogidos” que te parezca que queden en un texto. Es preferible que te lean.

¡ME SUSCRIBO! COTILLEA MI twitter GRANITOS DE ARENA

Esto es solo un avance, pero puedes ver el resto del post y mucho más en el blog, al que puedes acceder pinchando aquí. ¡Ah! y no olvides dejar tu comentario, los devolveré todos.

¡Un saludo y hasta el próximo post!

PERSONALIZACIÓN DE LA PLANTILLA MÓVIL #1

¡Hola a todos, infinitenses! Como ya sabréis algunos de los que me estáis leyendo, Google hace unas semanas avisó de que penalizaría a todas aquellas páginas que no estuvieran optimizadas para dispositivos móviles. Esto es porque el uso de los móviles, celulares, como-los-llaméis-en-vuestros-respectivos-países para acceder a la web se ha incrementado de tal forma que puedo estar 100% segura de que la mayoría de los que estáis leyendo este post lo hacéis desde el móvil. Ahora bien, no hay tutoriales explicativos que examinen a fondo cómo va esto de personalizar nuestra plantilla móvil de blogger (incoherencias de la vida y del mundo de Internet), por eso vengo hoy con esta entrada, que será la primera de una serie de post donde os iré explicando cómo podéis ir personalizando vuestra plantilla móvil.

PRIMER PASO: ELEGIR LA PLANTILLA

Antes de nada, y al igual que pasa con la plantilla de ordenador normal y corriente, tenemos que elegir nuestra plantilla para móvil. Para elegirla tendremos que seguir los siguientes pasos:

1. Entrar en la sección “Plantilla” dentro del escritorio de Blogger.
2. Pulsar la rueda de configuración debajo de la previsualización de la plantilla móvil.
3. Marcar la casilla “Sí, mostrar la plantilla para móviles en los dispositivos móviles”.
4. Seleccionar la opción “Personalizado”.

PD: Para ver las fotos a pantalla completa tan solo tenéis que hacer clic en ellas.

SEGUNDO PASO: AJUSTAR LAS IMÁGENES

Bien, una vez que tengamos la plantilla ya podemos empezar a trabajar con el diseño. Utilizamos esta plantilla porque las otras son predefinidas y nos dejan tocar menos ajustes. Con la personalizada guardamos el diseño de nuestro blog original y podemos hacer tantos cambios como nos apetezca.

Algo tremendamente molesto cuando entramos a un blog desde el móvil son esas imágenes que son más anchas que nuestras pantallas de móvil y terminan descuadrando la página entera, por lo tanto vamos a toquetear un poquito de CSS para que esto no suceda. Para añadir un código CSS a nuestra plantilla solamente tenemos que seguir los siguiente pasos:

1. Entrar en la sección “Plantilla” dentro del escritorio de Blogger.

2. Hacer clic en “Personalizar”.

3. Vamos a “Avanzado”.

4. Bajamos hasta la opción “añadir CSS”.

5. Pegar el siguiente código CSS:

/*Ajustar el ancho de las imágenes en dispositivos móviles*/

.mobile .post img{width:100%; height:auto;}

6. Hacer clic en “Aplicar al blog”.

Y con esto por hoy creo que es suficiente. Es poquito, lo sé, pero es mejor ir poco a poco que darse la paliza en un día. En casa una de los post de esta serie iré dando dos pasos a seguir. Después tendréis todos estos post seguidos en la pestaña de tutoriales, así que si queréis irlos acumulando tampoco pasa nada porque ya sabéis dónde encontrarlos.

PD: Como cada uno tiene necesidades diferentes según su tipo de blog, si os urge alguna cosilla en concreto podéis decírmelo en la sección “Aportación“, en el apartado “Aportación de ideas”. De esta manera priorizaré vuestras necesidades y trataré de hacer los tutoriales que necesitéis en la menor brevedad posible.

Espero que os haya gustado aunque haya sido poca cosita y que queráis seguir con esta serie de post/mini-curso de personalización de plantilla móvil. ¿Creéis que os será útil? Contadme en los comentarios. ¡Nos vemos el próximo lunes en un nuevo post!

¡ME SUSCRIBO! COTILLEA MI twitter GRANITOS DE ARENA

Esto es solo un avance, pero puedes ver el resto del post y mucho más en el blog, al que puedes acceder pinchando aquí. ¡Ah! y no olvides dejar tu comentario, los devolveré todos.

¡Un saludo y hasta el próximo post!