Categoría: Blogger

9
ago
2012

Pingdom Tools, herramienta para medir la velocidad de un sitio web

Artículo escrito por admin, guardado en Aplicaciones Web, Blogger, Blogs

1 comentario

A la hora de evaluar un sitio web, uno de los puntos esenciales que muchas veces no tenemos en cuenta es su velocidad. Es que cualquier visitante lo que siempre quiere es que el sitio sea cómodo y rápido, no que esté 5 minutos para cargar una página y que luego cuando cargue otra tarde 5 minutos más.

Esta es una de las tareas que el diseñador del sitio, o el webmaster debe tratar de lograr, tener un diseño elegante pero a su vez rápido, beneficiándonos mucho tanto para nuestros visitantes como para el SEO, ya que este es uno de los factores que Google, y demás buscadores, tienen este punto muy en cuenta.

En la web podemos encontrar muchas herramientas que nos ayudan con esta tarea, una de ellas es Pingdom Tools, que se encarga principalmente de evaluar nuestro sitio y arrojarnos una serie de datos como un puntaje del 1 al 100, la cantidad de solicitudes, el tiempo de carga y el tamaño de la página.
Luego de realizar el test, abajo podemos encontrar todas las solicitudes que hace la página que estamos evaluando, incluyendo los ficheros JavaScript, hojas de estilos CSS, objetos Flash, imágenes y elementos HTML con su tamaño y respectivo tiempo de carga.

Al igual que con Woorank -otra herramienta que hablamos hace un tiempo-, Pingdom Tools es un servicio online que debemos tener a mano para evaluar nuestros sitios y así poder optimizarlos de la mejor manera posible.

Si quieres saber el tiempo de carga de tu blog, visita el siguiente enlace – Pingdom Tools

19
jul
2012

Personalizar los enlaces permanentes en Blogger

Artículo escrito por admin, guardado en Blogger, Blogs

Sin comentarios

Blogger es actualmente uno de los CMS más utilizados para la creación y administración de blogs. Hasta ahora si teníamos algún blog en esta plataforma y publicábamos contenido, las URL’s de los post se generaban automáticamente a partir del título de la entrada, y si queríamos modificarla debíamos primero escribir un título corto con las palabras claves, publicar el artículo y luego editarlo, algo para nada práctico.

Hace unos meses Google hizo algunos cambios en el SEO de sus blogs, agregando opciones de etiquetas Meta, atributos Alt y Title a las imágenes y personalización de la página de error 404.

Ahora se agregó una nueva opción donde podemos editar manualmente los enlaces permanentes de cada entrada que publiquemos en blogger.

Esta opción se encuentra disponible en el panel de la derecha a la hora que estemos escribiendo un artículo y es algo muy sencillo. Tenemos la opción predeterminada “URL automática” donde el mismo Blogger nos genera la url con los términos que usamos en el título, y la de “URL personalizada” que al hacer click nos mostrará una caja de texto donde podemos personalizar nuestro enlace.

Hay que tener en cuenta que dicha opción puede modificarse solamente a la hora de crear un post, una vez publicado ya no podremos cambiarla.

Bien por Blogger por agregar estas opciones tan útiles para los Webmasters!

31
may
2012

Woorank: genera un informe completo y detallado de tu sitio web

Artículo escrito por admin, guardado en Aplicaciones Web, Blogger, Blogs, Webmasters

2 comentarios

Woorank es una excelente herramienta SEO que nos permite obtener en cuestión de segundos y de forma gratuita un completo informe de nuestro sitio web. Su funcionamiento es muy sencillo, no hace falta que tengas muchos conocimientos para utilizar esta aplicación online, solo debemos ingresar al sitio y escribir la url de nuestro blog, ahora comienza la magia.

Arriba de todo del informe, tendremos un ‘medidor’ que evalúa del 1 al 100 el puntaje del sitio; que a medida que vaya analizando va subiendo. Obviamente un mejor puntaje significa que el sitio evaluado está mejor optimizado.

Hablemos un poco sobre los datos que nos ofrece esta herramienta. Al empezar el análisis, situado a la izquierda, tenemos un menú con los distintos aspectos que Woorank analiza. El primero nos dice 5 prioridades que debemos tener en cuenta para mejorar el sitio. Luego tenemos la sección de visitantes donde nos da estimaciones de tráfico, ranking y audiencia; basándose en los datos de Alexa.

Otra de las variables que me gustó mucho fue la de ‘SEO Keywords‘, que analiza las palabras claves de nuestro sitio y nos muestra las posiciones en Google (Google ranking). También abajo según las keys, encontramos las urls de nuestros principales competidores -ahora es el momento de analizar esos sitios y ver en que podemos mejorar para lograr mejores posiciones que ellos-.

Después tenemos también un análisis de usabilidad, seguridad, tecnologías utilizadas (HTML, AJAX, JavaScript, CSS3, etc..) y CMS (WordPress, por ejemplo); y algunas previsualizaciones de cómo se vería el blog en dispositivos móviles y tabletas, como un iPhone ó iPad.

Lo mejor de esta herramienta es que es gratuita y que si la sabemos utilizar bien podemos mejorar y optimizar nuestros blogs o sitios web para obtener mejores resultados. También hay que aclarar que con la versión gratuita solo podemos generar un informe semanal, si queremos informes ilimitados hay disponible una versión PRO donde además podemos evaluar a nuestra competencia.

Enlace Woorank

__
Gracias a Geeksrom por el dato.

11
mar
2012

Descargar Fuutheme v1.4 para Blogger

Artículo escrito por admin, guardado en Blogger, Blogs, Descargas, Fuutec

13 comentarios

Hace unos dias liberamos Fuutheme v1.4 para WordPress, el theme que utiliza este blog; ahora después de adaptarlo ya lo tenemos disponible para Blogger, así personas que utilizan este CMS puedan implementarlo en sus sitios.

Las características son muy similares a la versión de WordPress, aunque claro también hay algunas limitaciones que blogger no nos permite como generar thumbs con php, modificar el cuadro de comentarios y otras cosas. Para no ser repetitivo y no volver a detallar todo nuevamente les dejo el enlace del post anterior así leen sus funciones.

¿Qué tenemos que editar?

Para dejar la plantilla 100% personalizada tenemos que editar algunas cosas muy sencillas. La primera es el menú de enlaces que se encuentra en el header en la parte superior derecha. Para ello vamos a Plantilla> Edición en HTML > Continuar y buscamos (Ctrl + F ó F3) ‘Suscribirse’ (o Inicio, contacto es para localizar el menu). Ahora simplemente cambiamos el texto por el que queramos al igual que el href del enlace.

Luego si deseamos tener una caja de suscripción con botones a las principales redes sociales (Facebook, Twitter y Google+), añadimos un nuevo gadget HTML y pegamos el contenido del archivo de texto que encontramos en el archivo descargado. Recuerda editarlo con tus datos reemplazando el ///link de tu pagina de facebook/// por tu fanpage, y ///tu usuario de twitter sin el @/// por tu nombre de usuario en Twitter.

Descarga

Al igual que en la versión de WP puedes editar, modificar, mejorar y hacer lo que quieras con la plantilla, solo te pedimos que mantengas en enlace del autor en el footer como muestra de agradecimiento.

Descargar Fuutheme v1.4 para Blogger

Si no te convences puedes ver un demo en acción desde esta página. Recuerda seguirnos en Facebook y Twitter para recibir todas las novedades de próximas versiones.

30
nov
2011

Descargar FuuTheme v1.1 | Plantilla para blogger

Artículo escrito por admin, guardado en Blogger, Fuutec

37 comentarios


Después de casi 200 descargas que tuvo la versión anterior de este template, ya está lista para su descarga FuuTheme v1.1 para blogger. Esta nueva versión incluye algunas mejoras, cambios en el diseño y nuevas características respecto a la anterior.

No voy a detallar todos los cambios de esta versión, si quieres leerlos puedes pasarte por acá: Fuutec.com se renueva | FuuTheme v1.1donde se explican detenidamente todos los cambios; sin embargo vamos a nombrar algunos de los más importantes:

  • Varios cambios en el diseño y colores de fondo
  • Paginador personalizado
  • El último post publicado se diferencia de los demás
  • La caja de suscripción fue renovada
  • Los thumbails de los post con “Leer más” ahora se encuentran con otro tamaño, evitando así que se deformen las imágenes
  • Sistema de categorias en el header
  • Plantilla realizada 100% con CSS, lo que hace que la velocidad de carga sea de manera muy rápida

IMPORTANTE: Para que el paginador funcione correctamente recomendamos tener un máximo de 5 post por página. Si deseas cambiar este número, busca en tu plantilla: var postperpage=5; y sustitúyelo por tu valor.

Descarga

Esta plantilla es totalmente gratuita, y la puedes distribuir, modificar y adaptar a tus necesidades y gustos. En el footer (pie) se encuentra un enlace hacia nuestro sitio, rogamos que lo mantengas como una forma de agradecimiento.
Dentro del archivo .zip encontramos: la plantilla, un archivo de texto con el código de la nueva caja de suscripción y un archivo “leeme”.

Descargar

Recuerda seguirnos en Facebook y Twitter para estar al tanto de nuestras actualizaciones y nuevas versiones de esta plantilla, que pronto estará disponible también para WordPress.

22
oct
2011

Fuutec Theme v1.0 | Plantilla para blogger

Artículo escrito por admin, guardado en Avisos del Blog, Blogger, Descargas, Fuutec

33 comentarios

Debido a que muchos me pidieron el template de este Blog he decidido lanzarlo públicamente y permitir que cualquiera lo pueda tener en su sitio de manera gratuita.

El tema se llama Fuutec theme (es el mismo template que uso en este blog) es para Blogger y está en su versión 1.0, lo que significa que van a haber muchas más actualizaciones en el futuro, incluyendo mejoras, nuevas funciones, cambios en el diseño, etc.

Principales características de Fuutec theme

Leer mas con miniaturas

En los post del Home, se muestra una miniatura editable de 180*180 px y una pequeña descripción del post escrito, con la opción de “Seguir leyendo” para continuar la lectura.

íconos de suscripción y buscador personalizado

En el header podemos encontrar en la parte superior derecha unos íconos de suscripción con efectos en CSS3.
En la parte de abajo tenemos un buscador personalizado también realizado con CSS3, en el cual al no usar imágenes la carga del sitio es mucho más rápida.

Botones para redes sociales

Al final de cada post individual, podemos encontrar una sección con botones para compartir el artículo en las principales redes sociales; como Facebook, Twitter, Google+ y Taringa!. También debajo de estos botones tenemos los botones “Me gusta” y “Seguir” de nuestro sitio.

Footer amplio y editable

El tema cuenta con un footer amplio con 3 secciones definidas editables.

Caja de suscripción

Esta caja incluye botones hacia las principales redes sociales que permite de manera muy rápida al usuario seguir el blog.
Cuenta con el botón “Me gusta” de Facebook, el “+1″ de Google plus, “Seguir” de Twitter, una caja para suscribirse vía E-mail y RSS Feed.

Bajo tiempo de carga

Este template carga de forma muy rápida y es muy liviano. Al no poseer imágenes externas, ya que todo está realizado con CSS, incluyendo botones, efectos, buscador, etc, el tiempo de carga del sitio es muy bajo.

Licencia

Fuutec theme es totalmente gratuito y libre; está bajo licencia Creative Commons GPL por lo cual puedes modificar, adaptar, distribuir esta plantilla, manteniendo el enlace que se encuentra en el footer. Este enlace si quieres puedes cambiarlo de lugar, eres libre de modificar el diseño a tu gusto.

¡Atención leer!

Esta plantilla está protegida bajo la licencia Creative Commons GPL por lo cual puedes editar, modificar y eres libre de distribuirla siempre y cuando respetes el enlace y los créditos que se encuentran en el footer.
El enlace es obligatorio mantenerlo, ya que si lo quitas estarías usando una copia ilegal de la plantilla, por lo cual si quieres puedes cambiarlo de posición, pero no quitarlo ni cambiar su dirección URL.

Descarga

La descarga es de un archivo .xml (plantilla) y un .txt que contiene el código de la Caja de suscripción.

También si lo deseas como forma de agradecimiento puedes seguirnos en Facebook o Twitter, así estás al tanto de las nuevas versiones de Fuutec theme.
17
oct
2011

Google Analytics en Blogger. ¡Ahora más fácil!

Artículo escrito por admin, guardado en Blogger, Blogs, Tips

1 comentario

Muchos deben coincidir conmigo cuando digo que Google Analytics es uno de los mejores sitios de estadísticas para sitios web.
Es muy fácil de integrar, cuenta con muchas funciones muy útiles e interesantes y lo mejor de todo es que es gratuito, ¿Qué mas podemos pedir?.

Ahora la gran novedad, es que como muchos Bloggers/Webmasters saben, para integrar Analytics se necesita copiar un código HTML a nuestro sitio web; algo sencillo pero que muchos usuarios nuevos en lo que es blogs o webs temen.

Es por eso que Blogger implementó una nueva característica en la que podemos integrar analytics en blogger de forma muy fácil, simplemente copiando y pegando un número de cuenta.

¿Cómo lo hacemos?

Para integrar Google Analytics en blogger de forma fácil debemos ir a nuestro panel de blogger > Configuración > Otros

Una vez que nos encontremos allí, escribimos el código de número de cuenta asignado para el blog en Analytics; guardamos la configuración y ya tenemos un sistema de estadísticas completo en nuestro blog; y lo mejor es que si cambiamos de plantilla no perdemos el seguimiento.

Vía CodigoGeek

10
oct
2011

Plantilla BloggerStore para Blogger [Web de compras]

Artículo escrito por admin, guardado en Blogger, Blogs, Descargas

Sin comentarios

BloggerStore es una plantilla gratuita para blogger que te permite crear una web de compra y venta profesional de forma muy fácil y rápida.
Este template ya viene prefabricado e integrado con el sistema de SimpleCart.js (v2.2.2) para el Carrito de compras y también incluye algunas animaciones que lo hacen muy atractivo.

Característica de la plantilla

Como características y funciones más destacadas de BloggerStore podemos decir:

  • Cuenta con un menú en JavaScript para los productos destacados
  • 2 columnas
  • Un menú superior para páginas estáticas y otro para categorias
  • Sistema de Carro de compras
  • Integración con PayPal
  • Buen diseño
  • Fácil personalización

Al agregar productos al Carro de compras, podemos observar que se agrega una miniatura del producto con su precio y la posibilidad de eliminarlo, vaciar el carro o ir a pagar (PayPal).

El diseño de esta plantilla me gustó mucho; es muy elegante y para los usuarios avanzados que quieran editar el CSS o algunas opciones de JavaScript está muy bien detallada con comentarios.

7
jul
2011

Nueva interfaz de Blogger disponible para todos los usuarios

Artículo escrito por admin, guardado en Blogger, Google, Noticias

Sin comentarios

El gran día llegó! Por fin ahora todos podemos acceder a la nueva interfaz de Blogger que desde abril de este año estubieron visitando un grupo muy limitado de usuarios.

A partir de ahora la nueva interfaz de blogger está disponible para todos los usuarios para acceder desde Blogger in Draft.

Como podemos ver en la imagen este nuevo diseño de Blogger está mucho más moderno y limpio que el anterior, muy simplificado y con muchas nuevas funciones.

Puedes enviar tus comentarios desde el menú despegable de la parte superior derecha de la pantalla.

Como sabemos Blogger in draft es una especie de Google labs en donde encontramos los nuevos cambios que todavía no salieron de forma definitiva, sino que se encuentran en fase de prueba.

En lo personal estube navegando unos minutos en esta nueva interfaz de blogger y me gusta mucho, quizás al principio nos cueste un poco encontrar algunas funciones, pero es hasta que nos acostumbremos, el diseño es genial.

Para acceder a esta nueva interfaz de blogger dirigete a Blogger in draft y empieza a disfrutarla!

Fuente | Blogger

10
jun
2011

Google permite cambiar el favicon desde Blogger

Artículo escrito por admin, guardado en Blogger, Tips

Sin comentarios

Esta entrada va dirigida a todos lo blogueros que usen como CMS Blogger, el excelente servicio gratuito de blogs de Google.

Blogger hace unos dias habilitó una nueva función en Blogger in Draft muy esperara por todos. Ahora tenemos la opción de poder cambiar el favicon desde le sección Diseño sin tener que estar agregando códigos HTML a nuestro blog, simplemente seleccionando la imagen .ico de nuestro equipo.

Para poder acceder a esta función tenés que dirigirte a Blogger en borrador ya que todavía está en fase de pruebas, seguramente más adelante ya la tendremos estandarizada.

Vía Ciudad Blogger