Hoy les presento un práctico shortcode para WordPress si se quiere también con los botones que permite de personalizar el editor de WordPress con funciones propias.

Antes de todo, para quienes no saben que son los shortcode en necesario explicarlo, cuando se escribe un nuevo post con el editor de wordpress, simplemente seleccionando la tecla y aplastando un botón es posible ponerlo en negritas, centrarlo y más.. también es posible hacerle hacer otras opciones simplemente escribiendo una letra, palabra o una frase incluida entre parentesis ([letra, palabra o frase]) en práctica éstos son los shortcode puede volver rápida la tarea de agregar contenido personalizados en los post.

Despues de ésta breve instroducción y para quienes no conocen a fondo wordpress digo que hacer los shortcode y utilizarlosa travez del generador de shortcode y si se quiere hacer botones es muy simple e intuitivo con éste generador. Luego de haber generado el código en el form, tendríamos que pegarlo en el archivo functions.php de nuestra plantilla de wordpress entre las tags <?php e ?>;.

Para utilizar el shortcode creado bastaría insertarlo en el editor normalmente a travez del editor donde se quiera que aparezca el codigo o la imagen que se desea hacer visualizar, wordpress loo convertirá automáticamente.

Generador de ShortCode y Botones para WordPress. Aquí les dejo en enlace a la aplicación.

Estas en: Generador de ShortCode y Botones para WordPress Un post de: Web Utilidad

Hoy queremos abrir una nueva sección sobre Blogger.com, con la única intención de ayudar a nuestros lectores actuales y nuevos que utilicen la plataforma de Blogger.com para sus blogs.. Publicaremos cada semana tutoriales claros y con imágenes acerca de la modificación de plantillas, consejos de Seo y asi..

Hoy comenzamos con el primero, y aprovecho la ocasión para responder a un usuario que me pregunta:

Cómo hago para alinear a la derecha el header de mi blog en Blogger.

Por lo tanto les enseñaré como centrar o alinear a la derecha el header, título o descripción.

Cuando se carga una imagen en el header/encabezamiento en Blogger, la misma por defecto se alinea a la izquierda y no hay manera de elegir una alineación diferente que se visualice al centro o derecha de la pantalla del diseño/layout.

Cuando nos dirigimos a Diseño > Elemento de la página > Cabecera > Editar.

1. Detrás del título y la descripción
2. En lugar del título y la descripción
3. Colocar la descripción después de la imagen

La ventana del gadget tiene éste aspecto:

Donde está el enlace “Eliminar imagen“, si tienes otra para reemplazarla, entonces eliminala, y selecciona una nueva indicando uno de las 3 opciones disponible que citamos anteriormente y estan en la imagen bajo la voz “Ubicación“. El header se posicionará automáticamente a la derecha del header mas o menos de ésta manera:

Para modificar la posición del header debemos ir en Diseño > Edición de HTML. Y buscas la lineas ]]></b:skin> y pega el código relativo justo antes. O en alternativa también puedes ir en Diseñador de plantillas > Avanzado > Añadir CSS y pegar el código en el box que sale en esa opción. Estos 2 procedimiento llevan al mismo resultado, y por lo tanto escoge el que creas más sencillo, en el primero para guardar los cambios debemos hacer clic en el botón “Guardar Plantilla“, mientras en el segundo “Aplica al blog“.

Imagen del header agregada en “Detrás del título y la descripción”:

En éste caso Blogger agrega una imagen como si fuera un fondo del blog. Para alinearla de manera diferente debemos reposicionar el background del header agregando el respectivo CSS. Este código no influenciará la posición del título y la descripción.

Si queremos alinearla al centro debemos utilizar el siguiente código:

#header-inner {background-position: center !important; width: 100% !important;}

Pero si deseamos alinear la imagen a la derecha, usamos éste otro código:

#header-inner {background-position: right !important; width: 100% !important;}

Y éstos son los resultados:

Como se puede notar el titulo y la descripción quedan siempre alineados a la izquierda, mientras vienen solamente modificado el alineamento del fondo/header.

Espero que con ésto ahiga resuelto todas las dudas sobre el alineamento del header en Blogger.com.

Estas en: Cómo alinear a la derecha elementos en un blog de Blogger.com Un post de: Web Utilidad

Poco a poco todo se va pasando a la nube, así que va a ser algo normal ver en el futuro a los sistemas operativos con la ideología de Google Chrome OS, que en realidad no es más que un navegador hecho sistema operativo. Como muestra de las aplicaciones que nos podemos encontrar en la nube que antes ni nos hubiéramos imaginado, está Google Docs.

Y las aplicaciones cada vez avanzan más, y también podemos implementarlas con más facilidad en nuestros sitios web, como por ejemplo, Spreadsheet de DHTMLX, un sistema desarrollado con Javascript y PHP para tener una hoja de cálculo al más puro estilo de Excel en nuestro sitio web.

Con Spreadsheet DHTMLX nosotros podremos ingresar formulas matemáticas para facilitar nuestro trabajo, colorear las celdas, poner negritas y otras opciones, es decir, tendremos un Excel básico completamente funcional en la nube, y gratuito para incluirlo en nuestra web si es con fines personales.

Estas en: Incluye una hoja de calculo en tu web Un post de: Web Utilidad

Google se ha metido al negocio de las redes sociales con su ya conocido Google+, entrando con fuerza y estableciéndose como una alternativa a Facebook. Una de las razones por la cual ha sido su éxito es su capacidad de adaptarse a las demás plataformas de Google; En este caso se ha dado la noticia de la integración con la plataforma de manejo de blogs, Blogger, en la cual puedes cambiar tu perfil de Blogger por la de Google Plus.

Al hacer este cambio de cuenta, tu información será reemplazada por la que esté en el perfil de la red social y se vincularan las entradas y comentarios con esta. Todos los blogs que se han creado con la cuenta en cuestión,  se verán afectados por el cambio; Si deseamos revertir este cambio, tenemos 30 días para poder todo como estaba en un principio, después de ese tiempo se perderá nuestra información de perfil.

Estas en: Utiliza tu perfil de Google+ en Blogger Un post de: Web Utilidad

Hace un mes Google daba señales de un nuevo gran proyecto misterioso denominado Dart. Pues hoy, los de Mountain View  lo revelaron al público. Dart es un lenguaje de programación estructurado destinado a la creación de proyectos en la web y repasaremos sus mayores características y puntos fuertes.

Primero, Dart es un lenguaje estructurado pero muy flexible en su implementación. Según se explica en el blog oficial de Dart, este nos permite programar tantas webs de forma individual, como grandes proyecto más de una persona involucrada, pero utilizando tipos opcionales.

Otra cosa que se expone en el blog, son una gran cantidad de video tutoriales para empezar a familiarizándonos con el lenguaje de forma rápida.

Otra buena propiedad de Dart, es la forma de compilación que este tiene, una de estas es una máquina virtual propia, que sería implementada en el corto tiempo en Google Chrome; Mientras que la otra funciona con el compilador de Javascript, dándole posibilidad de ser compilado en todos los navegadores.

Si quieres saber más sobre Dart, visita el blog oficial (en Inglés)

Estas en: Dart, lenguaje de programacion web estructurada de Google Un post de: Web Utilidad

Para la gente que maneja un blog, debe ser muy importante obtener respaldos periódicos de éste, porque uno nunca sabe cuándo van a atacarlo, o cuando va a haber un error en nuestro proveedor de hosting, o… Bueno, nunca falta qué pueda pasar y como dicen por ahí: Más vale prevenir que lamentar.

El problema de sacar respaldos manualmente es que necesitamos asignar cierto tiempo para eso, tiempo que probablemente no tengamos o bien, que en realidad nos da mucha flojera hacerlo, y es por eso que existen plugins buenísimos para WordPress que nos ayudarán en esta tarea, y además mandando automáticamente nuestro backup a Dropbox.

Con WordPress Backup to Dropbox, nosotros podremos programar cada cuanto queremos que se generen estos backups (tanto de archivos como de bases de datos) para que sean enviados directamente a nuestra cuenta de Dropbox.

Entre sus opciones, podremos encontrar que el respaldo de nuestro blog es completamente personalizable, ya que nosotros podremos excluir carpetas o archivos a obtener.

Para poder usarlo, necesitaremos contar con los siguientes requerimientos:

• PHP 5.2 o superior instalado en nuestro servidor.
• WordPress 3.0 o superior.
• Una cuenta de Dropbox.

Y claro, desde Web Utilidad recomendamos programar los respaldos para las horas en las que tengan menos tráfico en su blog, para que sus visitantes no se vean perjudicados de alguna u otra manera.

Vía | Wwwhat’s new

Estas en: Hacer espaldos de WordPress y enviarlos a Dropbox Un post de: Web Utilidad

Si buscaba la forma de crear una galería fotográfica, hoy te presentaremos una potente herramineta con la cual crear galerías fotográficas y slide show en 3D, se trata de: FotoViewr, esta herramienta está conectada a Flickr, utilizarla es muy simple, sólo deberíasmos entrar a Flickr.com con nuestros datos de acceso, escoger un álbum, y la galería viene creada automáticamente.

Con FotoViewr, tenemos la posibilidad de escoger hasta 6 modelos/plantillas diferentes, con las cuales comenzar a crear la galería en formato 3D.

Para todos aquellos webmaster que tenga un blog en la plataforma de wordpress, existe un plugin, que ofrece muchas caraterísticas entre ella la posibilidad de escoger la dimensión de la galería. Fácil, rápido y funcional.

Enlace: FotoViewr

Estas en: Crea galerías fotográficas en 3D Un post de: Web Utilidad

Una de las estrategias que podemos seguir en nuestra web para saber si a la gente le gusta algo sobre un tema es mediante encuestas y existe un servicio en Internet que nos ayuda a poder instalar y gestionar las encuestas para conocer mejor la opinión de los usuarios, se trata de Micropoll, una web que nos provee de herramientas para poder realizar estas encuestas.

Todo se resume en tres pasos básicos para crear la encuesta, el primer paso es crear el tipo de encuesta con un asistente que te a la pagina para facilitarte el proceso, después viene el paso de publicar la encuesta en tu web, para hacerlo Micropoll te da diferentes herramientas a escoger para realizar la publicación y al tenerla publicada podrás darle un seguimiento mediante una herramienta de análisis.

Así que si quieres lograr unas encuestas para tu web de calidad visita el sitio de Micropoll, donde encontraras las herramientas necesarias para poder aplicar estos cuestionarios para su posterior análisis de estadísticas.

Estas en: Crea las encuestas para tu web con Micropoll Un post de: Web Utilidad

Para poder tener una mejor apariencia en nuestra pagina web, es necesario que podamos contar con un buen fondo. La estética es uno de los principales factores para poder captar visitantes, ya que ellos se sentirán a gusto en nuestro sitio y volverán a visitarnos luego.

En Internet podemos encontrar muchos fondos web 2.0 para descargar gratuitamente, pero la verdad es que todos estos ya están muy utilizados, por lo que en muchas webs que visitemos pueden estar utilizando el mismo fondo. Es por esta razón que, lo mejor, es crear nuestros propios fondos web 2.0 para así tener un estilo mas personalizado.

Si no sabes mucho de diseño, igualmente no debes preocuparte, ya que con StripeGenerator puedes crear tus fondos web 2.0 de manera fácil y rápida. Puedes ir probando distintos colores y motivos, mientras los visualizas al resultado final en la vista previa, para que cuando consigas uno que te guste puedas guardarlo y descargarlo.

Link: StripeGenerator

Estas en: Fondos web 2.0 Un post de: Web Utilidad

Cuando tenemos sitios web donde los usuarios tienen que registrarse y colocar datos personales, es muy común que nos encontremos que la mayoría de los datos provienen de robots y spam. Debemos impedir esto de alguna manera y para eso nada mejor que utilizar los servicios gratuitos de ReCaptcha.net

Se trata de una web que no permite que estos registros sean completados por programas o software automáticos, ya que al final les pide que pasen la conocida prueba del Captcha, algo que estos sistemas de spam no pueden hacer. Por lo que después de registrarnos en ReCaptcha.net podremos terminar con la llegada de los spam a nuestra web.

Registrarte en ReCaptcha.net es muy sencillo, solo debes completar el formulario con tus datos verdaderos y los datos de tu web. Luego tendrás que agregar el modulo en la pagina del registro para así pueda hacerse visible.
ReCaptcha.net funciona en español y en ingles.

Estas en: ReCaptcha Un post de: Web Utilidad