Añadir un logo correctamente en Blogger

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: ,

Pide comida a domicilio desde la comodidad de tu casa

Invitados Publicado por Claudia en diciembre 17, 2012

No podemos vivir sin conexión a internet, porque ésta es imprescindible para todo: comunicarnos con nuestros amigos y familiares, mejorar nuestra productividad en el trabajo, usar plataformas virtuales con motivo de estudios, y comprar de acuerdo a nuestras necesidades. Toda la información que necesitamos está ahí, a nuestro alcance, sólo a unos cuantos clicks de distancia.

Desde la comodidad de nuestro escritorio o nuestro sillón preferido, podemos adquirir lo que deseemos, sólo con algunos movimientos de nuestro mouse (o nuestros dedos): ropa, zapatos, libros, regalos, compras de supermercado, e incluso comida a domicilio recién preparada.

comida a domicilio

Para realizar cualquier compra por internet, no necesitas mayores conocimientos, porque los portales de compra suelen ser muy amigables con el usuario (en inglés, “user friendly”). En general, se trata de sitios fáciles de usar, con información clara y detallada y artículos bien categorizados, que te permiten navegar y encontrar rápidamente lo que estás buscando. Así, incluso personas no muy familiarizadas con internet pueden comprar en cosa de minutos.

Comprar por internet tiene tres grandes ventajas: en primer lugar, obtienes un ahorro significativo de tiempo, porque no tienes que movilizarte para hacer tus compras; en segundo lugar, comprar por internet resulta ventajoso porque es posible comparar precios de productos y servicios, pudiendo seleccionar efectivamente lo que más te conviene; y, en tercer lugar, en ocasiones accedes a espectaculares cupones de descuento.

¿Tienes hambre y estás pensando en pedir comida a domicilio? Hacerlo es muy fácil. Casi desde cualquier ciudad del mundo puedes ordenar y recibir tu pedido en el menor tiempo posible. Así, por ejemplo, puedes tener servicio a domicilio en México D.F. Cómodo, rápido, sencillo.

Y, para los más insaciables, Sindelantal México nos ofrece un cupón de 10% de descuento para ordenar cualquier comida del mundo en más de quinientos restaurantes de la capital azteca: italiana, japonesa, peruana, carnes y fast-food, entre muchas otras. Los favoritos de chicablogger: pizza napolitana, kebabs y enchiladas. Si estás en Mexico D.F., ¡cuéntanos qué vas a ordenar tú!

Tags:

Reduce el tamaño de tus imágenes con TinyPNG

Web 2.0 Publicado por Claudia en octubre 26, 2012

TinyPNG

PNG (Portable Network Graphics) es uno de los formatos de imagen más usados. Éste permite guardar gráficos sin pérdidas y con transparencia, y por lo mismo hace que tus imágenes se vean mejor (más calidad, colores más nítidos). El problema de este formato, es el peso: una imagen PNG (aunque se vea más bonita) siempre pesará más de una JPG, y si las usas en gran cantidad en tu sitio web, éste cargará muy lento.

Una excelente manera de seguir aprovechando las bondades del formato PNG pero sin el problema del peso, es TinyPNG. Éste es un compresor online gratuito que te permite reducir el peso de tus imágenes PNG mediante la reducción de colores, pero sin producir cambios visibles.

TinyPNG trabaja inteligentemente, bajándole el peso a tus imágenes en hasta un 60%, pero manteniendo la transparencia y calidad, a la vez que produce archivos compatibles con la mayoría de los navegadores.

El sitio no necesita instrucciones (bastará subir las imágenes para que empiece a trabajar), y te permite comprimir simultáneamente hasta 20 imágenes PNG, con un peso máximo de 2MB cada una (es la única limitación). Por si fuera poco, es completamente usuario amigable y no tiene publicidad.

Enlace: TinyPNG.org

Tags:

Cómo usar cualquier tipografía en WordPress con @font-face

CSS Publicado por Claudia en octubre 26, 2012

font-face
La  regla @font-face CSS3 se convirtió en mi forma preferida para incrustar nuevas tipografías en WordPress sin plugin, sin depender de Google (Google Web Fonts) y sin depender de que el usuario tenga la fuente en su equipo.

Su utilización es realmente sencilla, mucho más fácil de lo que parece.

Lo primero, es elegir una fuente que nos guste, y que podamos usar con @font-face. En Font Squirrel, por ejemplo, podemos encontrar muchas fuentes gratuitas y que ya están en todos los formatos necesarios para que podamos usar la regla sin tener problemas de compatibilidad con ningún navegador web o dispositivo.

Una vez descargado el paquete con la fuente en todos los formatos (eot, woff, ttf, svg), lo descomprimimos. Luego iremos a wp-content/themes/mitema, y dentro de la carpeta de nuestro tema creamos otra carpeta, a la que nombraremos “fonts“. Allí pondremos todos los archivos de nuestra fuente.

Hecho esto, en nuestra hoja de estilos style.css, incluimos la regla de acuerdo al siguiente ejemplo:

1
2
3
4
5
6
7
8
@font-face {
font-family: 'Deftone';
src: url('fonts/Deftone.eot'); /* IE9 Compat Modes */
src: url('fonts/Deftone.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Deftone.woff') format('woff'), /* Modern Browsers */
url('fonts/Deftone.ttf')  format('truetype'), /* Safari, Android, iOS */
url('fonts/Deftone.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Reemplazamos Deftone por el nombre de nuestra fuente, tal y como aparece en los archivos.

Finalmente, usamos la propiedad font-family como lo haríamos habitualmente. Por ejemplo:

1
2
3
h2 {
font-family: 'Deftone', Helvetica, Arial, sans-serif;
}

Vía

Tags: , , ,

¿Cuál es tu idea de negocio?

Redes y marcadores sociales Publicado por Claudia en septiembre 27, 2012

Me atrevo a decir que el oficio más antiguo del mundo es en realidad el comercio. Posiblemente, partió con el trueque a antes de pasar a las semillas de cacao, las especias y las monedas de oro y plata como medios de canje.  Evidentemente, el comercio permitió el intercambio cultural, el avance de los pueblos al abastecerse de lo que no tenían y, en muchos casos, la generación de grandes riquezas.

El comercio hoy en día sigue siendo el oficio más rentable en la orbe. Si pensamos en los empresarios más ricos (probablemente el primero que se nos venga a la mente sea Bill Gates), nos daremos cuenta de que lo que hacen es vender un producto para suplir una necesidad, incluso llegando a generar la necesidad si ésta no existe previamente.

El comercio puede ser más sencillo de lo que parece. A veces consiste simplemente en buscar algo para vender y tratar de generar ganancias con ello. Por ejemplo, todos tenemos cosas que no utilizamos en nuestra casa: tal vez algún mueble en desuso, un celular, una computadora, productos de belleza, ropa, accesorios, joyas, o lo que sea. ¿Por qué no convertir todo eso en dinero? Quizás puede ser un buen comienzo para ver cómo funciona el mundo de los negocios.

vender por internet

Si tienes algo para vender, sea lo que sea, puedes hacerlo en algún mercado en línea donde puedas  realizar ventas en México o intercambiar cualquier producto. En la red, hay muchos.  La mayoría son fáciles de usar y, en muchos casos, gratuitos. Con ayuda de  plataformas y redes sociales, puedes llegar a miles de personas al instante, y permitir que los compradores interesados lleguen a ti.

Una vez que te das cuenta de que puedes vender lo que sea, comienzas a preguntarte: ¿A qué público quiero en realidad llegar? ¿A través de qué medio voy a vender? ¿Qué producto es más rentable? ¿Qué técnicas de mercadotecnia voy a usar?

Lo fantástico del marketing, es que siempre tienes la posibilidad de desplegar tu creatividad, tanto para crear nuevos productos como para promocionar de mejor manera los que ya tienes.

venta online

Creatividad, redes sociales y SEO es siempre una buena mezcla. No aprovechar todo el potencial de la web 2.0 es un error, un desperdicio valioso de recursos.

Siempre he pensado que se puede ganar dinero a través de internet, y eso es algo que todos sabemos; pero, para ganar dinero, hay que hacer algo: vender online puede ser la mejor apuesta.

¿Y tú, qué vas a vender? ¿Cuál es tu idea de negocio?

Tags: