Ir al contenido principal

4 Mejoras increíbles en el Editor de HTML Blogger



Nuevo editor de plantillas HTML Blogger
 

¿Qué hay de nuevo en el editor de plantillas HTML Blogger?

Las nuevas características se centran más hacia la facilidad de uso (o más bien, el manejo de programación) y su objetivo es aumentar la productividad. Anteriormente, el editor de plantillas HTML se parecía mucho a un editor editor sin forma (Al block de notas).

A menudo tenía que descargar el código (ya sé que tenía que), pero lo hacía para realizar cambios en un editor más cómodo (como el Notepad++ o SublimeText), y luego subirlo de nuevo, por el simple hecho de llevar un registro de las cosas más fácilmente. Ahora soy un poco más ducho con esto, pero aún así con el editor HTML de blogger era muy molesto. Y a menos que querías pasar el día entero en esto, se necesitaba una mejor solución .....

Que, por cierto, por fin ha llegado! Blogger ha hecho el editor de plantilla HTML mucho más cómodo de usar mediante la adición de las siguientes características.

La numeración de líneas - Ahora, puedes ver los números de línea en cada línea, lo que hace mucho más fácil detectar errores y realizar un seguimiento del código.

El resaltado de sintaxis - al igual que en los editores de código avanzado, ahora se puede ver resaltado de sintaxis. El editor cambia el color de los objetos diferentes, en su código fuente para que sea mucho más fácil de leer. 


Auto-sangría - Me encanta que los editores de código coloquen auto-guión, así que no voy a tener que presionar las Pestañas extra y la barra de espacio. Pero más que eso, esta característica ayuda a mantener el código organizado, ya que es muy fácil perder de vista algún elemento. Por ejemplo,  puedes averiguar fácilmente lo que está dentro de la etiqueta div, o lo que esta incluido en una lista, etc. Puedes ver la auto-sangría en acción mientras se está escribiendo algo de código. El editor de plantilla Blogger se hará automáticamente los espacios para ti. También puedes utilizar la opción de Plantilla de Formato para limpiar la huella de tu plantilla completa.

Plegado de código - Me encanta esta opción también. Una vez que he terminado con una determinada pieza de código, tal como una etiqueta div, simplemente puede plegar el código, y no tener que mirar ese gran trozo de código. Esto se puede ver en la imagen de abajo. Si sigues a donde apunta la flecha, aparecerá una pequeña flecha gris () junto al número de la línea 13. Y si nos fijamos en el número de línea a continuación, podrás ver 582, lo que significa que el editor sólo me salvó de tener que desplazarse hacia abajo a través de 569 líneas de código! 



Ir al widget - Ahora, tienes una manera más rápida de saltar a la sección especial de código en tu plantilla - el código que pertenece a un widget. Simplemente haga clic en el botón Ver otros widgets en la parte superior del editor, y se puede ver una lista de todas las aplicaciones que puedes saltar. Al hacer clic sobre cualquiera te llevará a la sección correspondiente en el código.


Cuéntanos lo que piensas acerca de estas nuevas características en la sección de comentarios. Y como siempre, no dudes en hacer preguntas.



Comentarios

  1. Una pregunta, ahora como se expanden los artilugios????

    ResponderEliminar
  2. Sergio, como puedes ver en la captura que dice "Codigo Plegado", en las lineas 14, 681, 749, hay una especie de triangulo volteado, das clic ahí y se expanden los artilugios de esa zona :)

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

¿Como insertar juegos en Blogger?

He visto en varias ocasiones personas preguntando, como se hace para instalar o insertar juegos flash en blogs regidos por la plataforma de Blogger, si bien es cierto que blogger no nos otorga un espacio para poder subir nuestros juegos en sus servidores, podemos hacer uso de otras técnicas en las que no tendremos que usar nuestro propio espacio para poder insertarlos.

Efecto de cinta adhesiva en imágenes con CSS

El dia de hoy he estado visitando algunos blogs que antes solía visitar bastante a menudo, y me he topado con un buen aporte por parte de +Oloman Oloman que sin duda le gustará a más de uno de los seguidores de este blog, se trata de colocar el efecto de cinta adhesiva a tus imagenes, sin hacer uso de ningún programa o software adicional, simplemente haciendo uso de CSS.

Cupones de Descuento para Name - Julio 2013

La costumbre como todos los meses por aquí es compartir con ustedes los cupones de descuento para name que encontramos y de esta forma puedan registrar sus dominios a un menor precio, este mes hemos conseguido más variedad de cupones de name , espero que los aprovechen!