Conversor de entidades HTML

Conversor de entidades HTML

Algo que me pasa cuando quiero enviar un post que incluye código html es que no aparece el código. Esto pasa porque los caracteres <> son interpretados literalmente. Osea si escribo algo como esto:

Será interpretado tal cual, por lo que sólo se mostrará un hola.

Sabiendo esto es fácil saber que la solución es cambiar dichos caracteres por su código html correspondiente, es decir se reemplazan las etiquetas < y > por &lt; y &gt;. Pero si el código a convertir es muy grande, puede resultar un fastidio hacer esto manualmente, para ello recurro a este conversor de entidades HTML, tan solo he de poner código en la zona de texto a convertir y presionar el botón convertir.

Con esto ya es posible insertar el código y que se muestre como debe de ser.

Cómo anotación esto pasa incluso en WordPress, aunque en FlatPress utilizando la etiqueta [code] de BBCode esto no sucede. Pero yo tengo que utilizar el conversor porque uso la etiqueta <pre> para poder estilizar el código.

Ponle Estilo a tus Listas Ordenadas con CSS

Ponle Estilo a tus Listas Ordenadas con CSS

Por defecto las listas ordenas muestran el número listado con el mismo estilo de fuente usado para el cuerpo del texto. Para diferenciarlo vamos a darle estilo mediante CSS y para eso haremos uso de otro elemento, como puede ser span o p en este caso p.
Practicamente lo que hacemos es aplicar un estilo a ol y resetear p (anidado en ol).

– Primero creamos la lista.

– Aplicamos el estilo que llevarán los números a ol.

– Y por último reseteamos p.

Espero que os haya gustado mucho y a continuacion os dejo unas paginas donde habran grandes descuentos:

 

Estilos visuales para Windows XP

Estilos visuales para Windows XP

Los mejores estilos visuales son aquellos que además de tener un gran aspecto usan el sistema nativo de Windows para cambiar la apariencia, es decir no necesitan hacer uso de programas externos como Style XP o Windows Blinds. Basta ya de esa aburrida barra de tareas azul, renueva tu escritorio.

  • Royale Noir
  • Baltimore VS
  • Clearlooks Gummy
  • HmmXP
  • Lakrits
  • Human for Windows
  • Incolore Composizione XP
  • Luna Element Black
  • Luna Element Blue
  • Luna Inspirat
  • OB Windows Media Player 11
  • Revo Blue
  • SlanXP 3

Windows Live Writer con FlatPress

Windows Live Writer con FlatPress

Los productos de Microsoft suelen recibir muy mala critica. Sin embargo Windows Live Writer ha sido bien recibido por los bloggers siendo una de las herramientas de edición de blogs por excelencia.

Y bien, como prometí en la anterior entrada pondré tuto sobre como usar WLW con FlatPress, la cosa es muy sencilla. Los pasos están explicados en la wiki de FlatPress así que pueden considerar esto una traducción.

  1. Primero que nada descarga Windows Live Writer desde aquí e instálalo.
  2. Descarga el plugin Remote Posting.
  3. Descomprime y sube el plugin via FTP a la carpeta fp-plugins.
  4. Habilitalo desde el panel.
  5. Abre Windows Live Writer y selecciona el tipo de blog que usas, en este caso tienes que elegir la opción “otro servicio de blog”.
  6. Rellena con la información de tu blog.
  7. Espere a que se configure tu cuenta.
  8. Te preguntará que si quieres que se descargue el theme de tu blog, dale que Sí, esto te permitirá ver como lucen las entradas en tiempo real mientras las estás editando.

Eso es todo sólo presiona finalizar.

Supertutorial de Opera.

Supertutorial de Opera.

Este tutorial está dedicado especialmente a aquellas funciones útiles que probablemente no sabías que se podía hacer con el navegador Opera.

Chat en Opera: Chatea con tu cuenta de Windows Live en Opera.
Sino quieres salir del navegador para abrir el mensajero o simplemente tu PC no tiene los recursos suficientes como para abrir otra aplicación aparte del navegador, este tuto es para ti. Voy a enseñarte como chatear con tus contactos del Messenger desde Opera.

1. Ve a cuentas de correo y chat.

2. Te dice que necesitas crear una cuenta de correo, ponle que si.

3. Selecciona Chat (IRC).

4. Deja vacía esta parte.

5. Aquí pone el nombre que va a aparecer como Nick.

6. En red IRC escoge irc.net y presiona terminar.

7. Finalmente aparece esta ventana, ciérrala.

8. En zona de enviar mensajes escribe lo siguiente: account add msn [email protected] tupassword.

9. Si hiciste bien el paso anterior verás un mensaje de que tu cuenta fue agregada correctamente, ahora coloca y envía lo siguiente: set-charset-iso-8859-1. Esto te ayudará a que no haya problemas con los caracteres latinos.

10.Ahora si ponte online mediante el comando account on.

Opera Mail: Lee tu correo en Opera.
¿Deseas que Opera te avise cada vez que recibes un correo nuevo?, realiza este tuto.

1. Realiza los dos primeros paso del tuto anterior. Selecciona correo electrónico.

2. Rellena el formulario con tus datos, esto te creará una cuenta en Opera.

3. Rellena el formulario con los datos del correo que quieres revisar, Selecciona IMAP si quieres enviar y recibir correo, y asegúrate de que tengas activada esta función en tu cuenta de correo.

Presiona terminar. En Opera se saltará un pop-up y se abrirá el panel lateral.

Aquí puedes ver como luce tu bandeja de entrada (buzón).

Opera Unite: Comparte archivos online.
¿Estas en la escuela o laburo y olvidaste un archivo importante? Accede a tu PC desde un simple tecleo dirección web.

1. Presiona el icono de Opera Unite situado en la barra de estado.

2. Selecciona habilitar Opera Unite.

3. Rellena el formulario con tus datos y da clic en siguiente.

4. Selecciona un nombre para tu PC, y presiona terminar.

5. Se abrirá tu dirección web desde la cual podrás administrar las aplicaciones que deseas compartir.

6. Selecciona File Sharing y presiona el botón iniciar. Se abrirá un cuadro de dialogo desde el cual puedes elegir los archivos deseas compartir.

Ejemplo de archivos compartiéndose.

7. Haz un poco de scroll en el navegador y verás la siguiente pantalla, ahí puedes elegir si deseas colocar una contraseña para tu página o hacerla pública.

8. Haz clic en el icono de Opera Unite y presiona configurar si deseas terminar el servicio.

Opera Link: Conserva tus marcadores en línea.
¿Formateaste tu ordenador y perdiste tus marcadores?, ¿Deseas acceder a tus marcadores desde el móvil pero tus marcadores están en tu ordenador de escritorio? NO te preocupes Sincronízalos y recupéralos con Opera Link.

1. Haz clic en el icono de Opera Link.

2. Nos aparece la siguiente pantalla, haz clic en siguiente.

3. Rellena el formulario con tu cuenta de Opera si ya tienes una (si no tienes cuenta presiona “no tengo una cuenta” y rellena el formulario).

4. Selecciona las opciones que deseas sincronizar, presiona terminar. Tus marcadores se sincronizarán online en unos instantes.

5. Para detener el servicio haz clic en el icono de Opera Link y selecciona configurar.

6. Para acceder a tus marcadores y sincronizarlos con Opera desde cualquier lugar, accede a http://link.opera.com/ e introduce tu nombre de usuario y contraseña.

Cambiar de Piel
¿Ya te aburriste de la apariencia de Opera? Pues Opera puede cambiar de piel por sino sabías.

1. Dirígete a menú y selecciona apariencia.

2. Selecciona buscar más apariencias. Allí encontrarás pieles online para Opera, se instalarán automáticamente cuando hagas clic en una.

Speed dial: Acceso rápido a tus páginas preferidas.
Agiliza la navegación mediante el marcado rápido.

1. Haz clic en alguna viñeta e introduce una url.

2. Ve agregando las que necesites, por defecto caben nueve, pero presionando el botón configurar marcado rápido puedes hacer que entren más.

Opera Turbo: Más velocidad cuando la red está lenta.
¿Tu red se puso lenta?, ¿Tienes una conexión inferior a 56k?. Acelera la navegación mediante la compresión de imágenes.

1. Ve a la barra de estado y presiona el icono de Opera Turbo.

2. Selecciona la Opción que más te convenga.

Opera Notas: Toma nota sin salir del navegador.
¿Necesitas tomar nota rápidamente?, ¿Te desespera abrir una aplicación para algo tan simple? Usa las notas de Opera.

1. Despliega el panel lateral desde el botón situado en la parte inferior izquierda.

Bien eso es todo, al menos en este post, sólo tenia ganas de escribir esto que me pareció puede ayudar a más de alguno :).