Manuel Ballesta Ruiz

Google Chrome

 Navegadores Web  Sin comentarios »
Feb 272014
 

Actualizado El: 27 De Febrero 2014

El tema Google Chrome habla sobre este navegador que cada día crece mas y se haces mas popular.

El 28 de Octubre 2010 publique un artículo acerca de los navegadores web incluyendo Firefox (Este articulo esta siendo actualizado continuamente). Hoy quiero compartir otro navegador Google Chrome que llevo un tiempo comprobando todo el funcionamiento, poniendo a la prueba con clips de flash y mucho mas.

google-chrome

Antes de hablar sobre el navegador, se que muchos usuarios tienen su propia preferencia, ya sea por la vista cosmética, el rendimiento o por la cantidad de addons que se pueden agregar. Todos los navegadores están diseñados para hacer bien su trabajo, salvo y no me refiero a ser negativo con mi punto de vista, pero IE «Internet Explorer» ha tenido muy mala reputación debido a su código y el desafío que ha presentado para los desarrolladores web. No quiero decir que IE es un navegador que impide el funcionamiento y navegación por Internet, porque al final del día hace su trabajo como navegador (Y esta siendo actualizado constantemente. Hoy van por la versión 11). Pero desde el punto de vista del diseñador web sigue siento un desafió. Sin embargo siempre hay maneras de evitar todos los problemas con algunos hacks y modificaciones del codigo CSS.

Google Chrome es un navegador pequeño y conciso que poco a poco está avanzando en la fama por ser tan simple de utilizar y muy potente para ver youtube y otras clases de vídeos por Internet. Hoy en dia sale en tres versiones, Beta, Dev y copia final. Aun así sigue funcionado bastante bien. Después de todo, el nombre del navegador “Google” lo dice todo. Es el motor de búsquedas más utilizado en el mundo.

Google sabe cómo mantener felices a los usuarios y desarrollar algunas herramientas muy buenas para nosotros y lo más importante es que la mayoría de las herramientas son gratis.

Haz clic en Google Chrome para descargar una copia. Nunca se sabe tal vez sea el navegador que usted ha estado buscando durante mucho tiempo, sólo recuerde que es versión beta.

Este articulo sera actualizado con frecuencia, espero verte aquí para leer las ultimas noticias sobre Google Chrome. Si tienes alguna pregunta deja un mensaje o mándame un correo electrónico.

Espero que disfrutes este articulo.

Protección De Menores En Internet

 Seguridad  Sin comentarios »
Feb 172014
 

Actualizado: 17 De Febrero 2014

Protección De Menores En Internet entrad habla sobre uno de los problemas mas grandes hoy en día por Internet con los menores.

¿Te has puesto a pensar que es lo que hace mis hijos en su habitación cuando cierran la puerta?  ¿Cuando se quedan solos en casa? Esta es una pregunta muy importante que todos los padres, tutores o personas que sean responsables de menores se tienen que hacer.

Lista De Protección De Menores En Internet.

Los adultos responsables de menores deben supervisar y hablar con ellos acerca del tema de una manera muy agradable y explicarles el método correcto de navegar, chatear o enviar correos electrónicos.

Esta es tu responsabilidad, mientras que tus hijos estén en su casa bajo tu responsabilidad. Es mejor ser pro activo que no hacer nada y luego que sea muy tarde.

Por las noticias en los últimos años se han visto historias de menores que son secuestrados, y adultos que se han aprovechado de los pequeños. Es muy alarmante y tenemos que unirnos para combatir este problema por todo el mundo.

Estaré actualizando este tutorial de vez en cuando. Espero que vuelvan pronto.

Si tienes preguntas, por favor mándame un correo electrónico o escribe un comentario.

Gracias

Navegación Segura Internet

 Seguridad  Sin comentarios »
Feb 152014
 

Actualizado: 17 De Febrero 2014

Navegación Segura Internet entrada comenta sobre los métodos mas seguros para navegar por Internet.

Recuerda que tienes que tener mucho cuidado cunado navegas por Internet. Y si tienes hijos aun mas por lo que puede pasar.

Hay muchos sitios web por Internet que están en linea solo para causar daño. Estos sitios web pueden infiltrar algunos adware desagradable, troyanos y virus en tu ordenador o portátil. He arreglado con frecuencias muchos de los sistemas de mis clientes porque se le había infectado su sistema con troyanos, malware o adware.

Aquí les voy hacer algunas recomendaciones para ayudarle a tener un sistema protegido. Las herramientas mas comunes son instalaciones de plugins de seguridad en su navegador, programas anti virus, firewall «Corta Fuego» y programas de seguridad.

Otros métodos es tener el sistema operativo actualizado al día. Por ejemplo yo utilizo Windows 7 y siempre me aseguro de que bajo las actualizaciones de Microsoft. También es muy importante hacer copias de seguridad.

Lista De Navegación Segura Internet.

Esta entrada la seguiré actualizando con frecuencia. Visiten con frecuencia para ver las ultimas noticias.

Si tienes preguntas, por favor mándame un correo electrónico o escribe un comentario.

Gracias

Eliminar enlaces rotos usando herramientas Webmasters de Google

 Tutorial  4 comentarios »
Feb 132014
 

Eliminar enlaces rotos usando herramientas Webmasters de Google te enseña lo fácil que es arreglar los enlaces rotos y reparar los errores 404.

Actualizado el: 26 de marzo de 2020

Últimas noticias: Actualizada la documentación.

Qué necesitas:

  • Crea una cuenta con Google para usar las herramientas Webmasters.
  • Instala el plugin Redirection

Eliminar enlaces rotos usando herramientas Webmasters de Google

Paso 1 ) Entra en Google y asegúrate de que la herramientas de webmasters existen en tu cuenta. Si no existen en tu cuenta, tienes que añadirlas.

Información: Puedes usar el siguiente enlace para leerlo en Español «https://www.google.com/webmasters/tools/home?hl=es»

Paso 2 ) En el lado izquierdo haz clic en Rastreo -> Errores de rastreo como puedes ver en la siguiente imagen.

Nota: En tu cuenta de Google puede que existan más errores.

herramientas-para-webmasters-de-google-errores-rastreo

herramientas-para-webmasters-de-google-error-url

Error 404 leve

Paso 3 ) En la siguiente imagen Error 404 leve se comprueba si el siguiente error /ip-cameras/ existe. Hay que revisar si el enlace roto esta en el sitemaps o si existen otros enlaces en la siguiente pestaña Enlazada desde.

herramientas-para-webmasters-de-google-error-404-leve

En sitemaps

Paso 3-a ) No se encuentra nada en la pestaña En sitemaps como puedes ver en la siguiente imagen.

herramientas-para-webmasters-de-google-en-sitemaps

Enlazada desde

Paso 3-b ) En la pestaña Enlazada desde como puedes ver en la siguiente imagen, se encuentran varios enlaces.

herramientas-para-webmasters-de-google-enlazada-desde-1

Paso 4 ) Una vez que se conoce el por qué se recibe el error 404 leve, haz clic en el hipervínculo para comprobarlo en el navegador. Asegúrate que todos los que han añadido el hipervínculo a sus páginas web sean redirigidos al nuevo URL correctamente. En este caso es la página web porque ese enlace ya no existe.

Paso 4-a ) La siguiente URL http://ebayjourney.com/ip-cameras/ como puedes ver en la siguiente imagen produce el error – Página no encontrada «Not Found». Este error se encuentra en la pestaña Error 404 leve en Google.

herramientas-para-webmasters-de-google-no-se-encuentra

El plugin Quick Page / Post Redirect

Paso 5 ) Una vez que la herramientas de Webmasters de Google encuentran vínculos rotos en tu web y sabes porque, puedes redirigir los vínculos rotos al las nuevas URL usando el plugin mencionado arriba.

Accede a tu sitio como administrador y ves a Herramientas -> Redirección -> Redirecciones como puedes ver en la siguiente imagen.

herramientas-para-webmasters-de-google-redirigir-rapido-nuevo

Paso 6 ) La siguiente imagen te muestra donde tienes que añadir la URL que no existe y la nueva URL. En este caso la URL que no existe es http://ebayjourney.com/ip-cameras/ y la nueva URL es http://ebayjourney.com/.

Añadir nueva redirección

  • URL de origen = http://ebayjourney.com/ip-cameras/
  • URL de destino = http://ebayjourney.com/
  • Una vez que hayas añadido la nueva URL haz clic en el botón Añadir redirección.

Nota: En tu caso tu dirección será diferente.

herramientas-para-webmasters-de-google-redirigir-direccion

Paso 7 ) Regresa de nuevo a la herramientas Webmasters de Google y haz clic en la URL de nuevo para asegurarte que Google detecta el nuevo URL.

En este caso hice click en la URL http://ebayjourney.com/ip-cameras/ para comprobar si Google detectaba el nuevo URL. Hice clic en el botón Marcar como solucionada.

herramientas-para-webmasters-de-google-enlazada-marcar-como-solucion

Paso 7-a ) Haz clic el botón Aceptar como puedes ver en la siguiente imagen, para verificar que el error está solucionado.

herramientas-para-webmasters-de-google-aceptar

Espero que este tutorial te ayude a corregir los enlaces rotos de tu sitio usando las herramientas Webmasters de Google.

Si tienes preguntas, por favor mándame un correo electrónico o escribe un comentario.

Disfrutar.

Arreglar vínculos rotos de WordPress

 Wordpress  Sin comentarios »
Ene 092014
 

La entrada Arreglar vínculos rotos de WordPress te enseña a mantener tu web sin vínculos rotos. Esto es muy importante para SEO.

Actualizado: 26 de marzo de 2020

Últimas Noticias: Actualizada la documentación.

Todos sabemos lo importante que es que nuestro sitio reciba muchas visitas. Especialmente si estás vendiendo productos en línea. Por eso sabemos que es importante revisar con frecuencia nuestro sitio y asegurarse que no hay nada roto, por ejemplo enlaces, imágenes etc.

En esta entrada te enseñare como mantener tu sitio funcionando bien sin enlaces rotos. Hay otros métodos pare revisar que tus enlaces no estén rotos. Iré añadiendo más en el futuro.

Qué necesitas:

  • Broken Link Checker = este es el plugin que actualmente uso en mis blogs.
  • Xenu = he usado esta herramienta en el pasado.

Arreglar vínculos rotos de WordPress

Cuando instale el plugin en el 2010, detectó un enlace roto en mi blog que ni siquiera yo me había dado cuenta. También sabes que de vez en cuando uno cambia los nombres de los enlaces. Y cuando se cambia el nombre y/o la dirección de la URL, esto puede afectar tu sitio. Estos cambios pueden afectar enlaces, imágenes, páginas, entradas y mucho más. Por eso decidí promocionar este plugin. Este plugin te ayudará a detectar todos los enlaces rotos en tu web. No es nada fácil poder estar al corriente de los cambios que uno hace en su sitio.

Te recomiendo que visites este enlace herramientas-para-webmasters-de-google-vinculos-rotos. Te ayudará a comprobar y reparar los vínculos rotos y corregir los errores 404.

Estaré actualizando este tutorial de vez en cuando. Espero que vuelvas pronto.

Si tienes algunas preguntas, por favor mándame un correo electrónico o escribe un comentario.

Gracias

Como crear un blog de WordPress privado

 Seguridad  2 comentarios »
Oct 142013
 

La entrada Como crear un blog de WordPress privado te mostrará una forma muy sencilla de convertir un blog o página web en privado.

Actualizado el: 4 de septiembre, 2017

Ultimas Noticias: E actualizado algunas imágenes con la versión de Español. 

Que necesitas:

Hay veces que deseas convertir o crear un blog privado para los amigos, familiares, colegas o para miembros. Esta entrada te muestra un método muy simple y ademas funciona muy bien. Hay varias maneras de crear un blog privado. A lo mejor tu método es mejor. Lo bueno de este método es que vas a instalar un plugin de seguridad. Ya sabes lo importante que es tener muy buena seguridad por internet hoy en día.

Como crear un blog de WordPress privado

Paso 1 ) Instala y activa el plugin All In one WP Security and Firewall y haz clic Mantenimiento para activar la opción de mantenimiento. Vea las siguiente imagen.

crear-un-blog-de-wordpress-privado-plugin-de-seguridad

Paso 1-a ) Activa la siguiente option Activar el bloqueo en la portada ilustrado en la siguiente imagen. Escribe un mensaje que notifique a los visitantes que el blog is privado. Asegúrate de guardar los cambios cuando hayas acabado.

Ejemplo de mensaje

  • Este sitio es privado y solo los miembros pueden entrar. Para entrar haz clic en el siguiente enlace Acceso.

crear-un-blog-de-wordpress-privado-modo-de-mantenimiento

Paso 2 ) Instala el siguiente plugin Peter login redirect mencionado arriba y seleccione la función o redirigir a los usuarios a una página de acceso. Vea las siguientes imágenes.

Haz clic en Ajustes -> Login/logout redirects. ( Recuerde que esto es opcional)

crear-un-blog-de WordPress-privado-adjustes-plugin

Selecciona Specific users o Specific roles. Asegúrate de actualizar todas las entradas. Hay otras opciones que puedes elegir. ( Recuerde que esto es opcional)

crear-un-blog-de WordPress-privado-configuracion-plugin

Paso 3 ) Selecciona las siguientes opciones en el escritorio de WordPress. Vea las siguientes imágenes.

Haz clic en Ajustes -> Generales y asegúrate de que la siguiente opción no esta seleccionada. Asegúrate de guardar los cambios.

crear-un-blog-de WordPress-privado-adjustes-generales

Haz clic en Ajustes -> Lectura y asegúrate de que la siguiente opción esta seleccionada. Asegúrate de guardar los cambios.

crear-un-blog-de WordPress-privado-adjustes-lectura

Resultado Final

Paso 4 ) El resultado final sera algo similar a lo que ves en la siguiente imagen. He añadido un enlace de acceso para los miembros. Puedes crear tu propia pagina.

Nota: Tu puedes escribir cual quier mensaje que sea adecuado para to blog.

crear-un-blog-de-wordpress-privado-pantalla-de-acceso-privado

Eso es todo lo que necesitas para convertir o hacer tu blog privado . Solo he utilizado dos plugins y uno de ellos es opcional.

Otros Métodos

Si tienes alguna pregunta, por favor hágamelo saber. Seguiré actualizando esta entrada de vez en cuando. Asegúrate de volver a visitar en el futuro.

disfruta.

Presentación de Diapositivas En Suffusion

 suffusion, Tema, Tutorial  Sin comentarios »
Ago 012013
 

Actualizado El: 03 de Enero, 2014

Como Crear Una Presentación de Diapositivas En Suffusion usando el plugin Photonic. Este plugin esta desarrollado por Sayontan.

Revisión Actualizada: He mejorado el texto y las imágenes para poner en práctica los nuevos cambios en Fotonic y WordPress.

1 ) Instala  el plugin Photonic y luego activa el plugin.

Importante: Recuerda que el plugin Fotonic tiene mas opciones de configuración para ajustar. 

2 ) Crear una nueva entrada o página. Para este tutorial he seleccionado Prueba de Photonic como título. Haz clic en el botón Añadir objeto. Ver siguiente imagen.

photonic-galeria-del-tema

3 ) Selecciona Insertar Objeto para agregar las imágenes a la galería. He seleccionado 3 imágenes que ya se habían subido a la librería multimedia. Ver siguiente imagen.

photonic-insertar-objeto

Ahora veras las 3 imágenes seleccionadas en la parte de abajo de tu biblioteca multimedia. Ver siguiente imagen.

photonic-3-imagenes-seleccionadas

A continuación, mientras sigues en la librería multimedia haz clic en Photonic. Ver siguiente imagen.

photonic-configuración-de-galeria

4 ) A continuación, seleccione WP Galleries y ajusta la configuración según tus necesidades. Observa que no he agregado nada en Gallery ID (*) y tampoco en Image IDs. Ver siguiente imagen.

photonic-configuración

5 ) Una vez que haya terminado de realizar los ajustes, haga clic en Insertar en el botón de correo. Ver siguiente imagen.

insertar-en-el-tema

6 ) Aquí veras el código agregado a la entrada.

[ gallery type=’default’ style=’strip-below’ fx=’fade’ slideshow_height=’500′ columns=’3′ thumb_width=’75’ thumb_height=’75’ thumbnail_size=’thumbnail’ slide_size=’full’ timeout=’4000′ speed=’1000′ ]

7 ) Ahora veras la galería creada con estos simple pasos. Ver siguiente imagen.

presentación de diapositivas-photonic

Antes de publicar tu pagina o entrada revisa primero y haz algún reajuste si es necesario.

Si tienes alguna pregunta, por favor deje un mensaje.

Volver para más tutoriales de Suffusion

Suerte

Crear Un Tema Hijo De Suffusion

 Wordpress  Sin comentarios »
Jul 252013
 

Vamos a crear un tema hijo de Suffusion en unos pocos pasos. Sayontan Sinha ha sacado al mercado el tema hijo para nuestro uso.

Por favor, siga las siguientes instrucciones para crear un tema hijo de Suffusion.

Importante: Las herramientas necesarias para realizar esta tarea.  

1 ) Primero extraiga los archivos de la carpeta bajada en el paso numero 2 ) de arriba a su ordenador o portátil.

2 ) Abre FileZilla y conéctate con tu servidor. Localiza el tema dentro de tu dirección web que esta en la raíz de tu servidor. Asegúrate de que también estas en la zona donde bajaste y extrajiste los archivos para que puedas subir al servidor. Ver siguiente imagen.

 ftp-filezilla-gratis

3 ) Ahora arrastra la carpeta suffu-scion a la derecha. Ver siguiente imagen.

ftp-filezilla-imagen2

4 ) Asegúrate que la carpeta tiene los atributos correctos, pincha con el ratón derecho y veras el siguiente menu. Ver siguiente imagen.

suffusion-atributos

5 ) Ahora entra como administrador a tu dirección web y activa el tema. Ver siguiente imagen.

activar-tema

Eso es todo, ahora ya tienes un tema hijo de Suffusion activo para configurar sin afectar el tema principal.

Si tienes alguna pregunta, por favor deje un comentario. Volver para ver más tutorias de Suffusion.

Suerte :)

Traducir El Tema Suffusion En Español

 Wordpress  Sin comentarios »
Jul 232013
 

Este tutorial Traducir El Tema Suffusion En Español te ayudará a traducir el tema Suffusion en Español. Estas instrucciones también sirven para traducir Suffusion a otro idioma.

Información: Solo se traduce la parte delantera del tema Suffusion. No se traduce la parte trasera “back-end” en «Suffusion Options».

Lo que necesitas:

1) Un archivo de Suffusion con los archivos de traducción españoles. Encontraras todos los archivos necesarios y traducidos en este enlace.

2) Un programa de ftp o acceso a cpanel en tu servidor. Yo uso FileZilla que es gratuito.

3) Un editor de texto, yo uso notepad en Windows.

Consejo: Recuerde que debes de guardar los cambios. Si tienes dudas, es mejor que crees una copia de seguridad por si acaso.

 

1 ) El texto siguiente «Posted by» será el ejemplo de lo que se va a traducir a español. Ver siguiente imagen.

sin-traducir-suffusion

2 ) Vamos a añadir una carpeta a nuestro tema infantil «suffu-scion». Es necesario crear la carpeta de traducción translation. Ver siguiente imagen.

traducir-suffusion-carpeta

3 ) Hay que asegurarse que la carpeta tenga los atributos correctos. En WordPress todas las carpetas deben tener los atributos 755. Si utilizas el programa ftp FileZilla, haz clic con el boton derecho del raton en la carpeta de tu servidor para ver y cambiar los atributos. Ver siguiente imagen.

traducir-suffusion-atributos

4 ) Los siguientes archivos fueron descargados y extraidos del archivo que  bajaste. Dos archivos extraidos:

1 ) es_ES.mo
2 ) es_ES.po

Ver siguiente imagen.

traducir-suffusion-archivos-es

5 ) Copia los dos archivos en la nueva carpeta creada en el paso 2 ).

Archivos para copiar:

1 ) es_ES.mo
2 ) es_ES.po

Recuerde que estos archivos se descargaron desde el URL de arriva y extraidos localmente a tu disco duro. Ver siguiente imagen.

traducir-suffusion-carpeta-es

6 ) Haga clic en la carpeta de la raíz de tu instalación de WordPress en tu servidor. En este tutorial yo estoy usando wptest. Busque el siguiente archivo wp-config.php y bájelo a su ordenador «computadora» para que se pueda editar el archivo. Ver siguiente imagen.

traducir-suffusion

7 ) Abra el archivo con un editor de texto. Yo uso notepad en windows. Busque la línea

define (‘WPLANG’,»); << — si no existe, tienes que agregarlo.

Ver siguiente imagen.

traducir-suffusion-wpconfig

8 ) Agrega tu código del idioma. En este tutorial estoy traduciendo suffution al español por lo que añado es_ES. Guarde el archivo. Ver siguiente imagen.

traducir-suffusion-wpconfig-es

9 ) Sube wp-config.php de nuevo al mismo directoria donde lo descargaste en el paso 6 ).

10 ) Vuelve a tu navegador y asegúrate de depurar el navegador. Ahora veras el texto traducido, «Escrito por». Hay mas secciones traducidas pero esto lo muestro com ejemplo. Ver siguiente imagen.

traducido-suffusion

Muy sencillo ;)

Espero que hayan disfrutado de este pequeño tutorial.

Suerte ;)

Estructura Del Tema Suffusion

 suffusion, Tema, Tutorial  Sin comentarios »
Jul 222013
 

En este tutorial vamos a ver la estructura del tema Suffusion y al mismo tiempo conocer los diseños de páginas web más utilizados.

Los diseños que ves a continuación se basan en una imagen de la cabecera del siguiente tamaño 1000px x 204px.

Vamos a mirar a los diseños más comunes. Ver siguientes imágenes:

Diseño 1: Cabecera, barra lateral izquierda, el contenido, la barra lateral derecha y el pie de la pagina.

izquierda-contenido-derecha

Diseño 2: Cabecera, 2 barras laterales en el lado izquierdo, contenido y el pie de página.

2barras-izquierda-contenido

Diseño 3: Cabecera, contenido y pie de la página

tema-suffusion-contenido

Diseño 4: Cabecera, contenido, 1 barra lateral del lado derecho y el pie de la pagina.

contenido-1barra-derecha

Diseño 5: Cabecera, contenido, 2 barras laterales del lado derecho y el pie de la pagina. Nota como una barra lateral es más grande que el otra.

contenido-2barras-derecha

Paso 1: Ingresar a su cuenta de administrador y vaya a Apariencia >> Suffusion Options >> Layouts >> Default Sidebar layout. Ver la siguiente imagen:

suffusion-Diseño

Paso 2: Configure las barras laterales y la posición. Tienes 3 opciones, barras laterales 0, 1 o 2 barras laterales y fijar la posición. Ver la siguiente imagen:

configuracion-normal

Paso 3: El Ancho del diseño de la página. Aquí puedes elegir entre el tema y el margen de los elementos predeterminados o tamaños y márgenes personalizados. En Custom sizes and margins, «Diseños Personalizados» tienes 2 opciones, tamaño fijo o el tamaño fluido. Para este tutorial he escogido el tamaño personalizado y el ancho flexible e fluido. Ver la siguiente imagen:

anchura

Paso 4: La Configuración del ancho fluido para su sitio web. Esta parte es importante debido a su cabecera. Si se aumenta el ancho máximo y es más grande que la imagen de la cabecera, te darás cuenta porque la imagen se achicara o sera muy grande. Así que pon mucha atención a la selección que elijas. Ver la siguiente imagen:

configuracion-fluido

Paso 5: Esta configuración es obvio, se ajusta el tamaño de las barras laterales. Si tienes 2 barras laterales y sabes que una barra lateral tendrá un tamaño diferente a la otra, es aquí donde puedes configurar el tamaño de las barras laterales. Ver la siguiente imagen:

configuracion-barra-lateral

Sugerencia: Depurar de nuevo el tema y volver a comenzar si no estas satisfecho con la configuración.

Hay más opciones que puedes cambiar de acuerdo a tu gusto. Este tutorial te ayudara con la estructura de tu blog o pagina web.

Si tienes alguna pregunta, por favor deje un comentario o mandeme un mensaje.

Volver para más tutoriales de Suffusion, suerte :)

 Entradas Anteriores  Entradas recientes