10 septiembre 2013

Ventajas y desventajas del nuevo editor html de blogger


En Abril de ese año, Blogger nos dio la sorpresa y ha lanzado un nuevo diseño en el editor HTML que en lo visual me ha agradado mucho ya que cuenta con un estilo más estructurado, limpio y fresco,  luego de meses de uso, les mencionare lo que a mi juicio son las ventajas y desventajas. En este editor se define la estructura de la plantilla y la manera en que se ve nuestro blog con sus respectivas funciones.

Ahora vamos a analizar las nuevas opciones, como podemos ver en la imagen se han integrado y añadido varias cosas:

Lineas de numeración
Ahora el código esa numerado, esto nos sirve ya que si tenemos algún error en la plantilla, blogger nos informa donde se ha producido el error.

Sintaxis de colores
Esto nos permite identificar de manera clara los estilos, elementos, clases, etc.

Botón Vista previa de la plantilla
Con esta opción podemos visualizar nuestra plantilla luego de una modificación dentro del editor.

Botón Revertir los cambios
Como su nombre lo dice, revierte los cambios no guardados.

Botón Planilla de Formato
Este botón lo que hace es organizar los códigos de nuestra plantilla de una manera mas estructurada para así tener una mejor visualización de la información. 



Otra de las características del nuevo editor, es que se pueden expandir y contraer casi todos los elementos, ya no existe la opción de Expandir los artilugios, sin embargo las áreas están mas organizadas y de manera automática estas se agrupan. Las podemos identificar con esta imagen ► y podemos expandir cualquier fragmento de código dando click sobre el triangulo


Botón Ir a widget
Esta opción nos permitirá navegar rápidamente a un widget en particular, solo damos click y buscamos el widget y nos llevara al código que le corresponde.


Por ultimo tenemos una opción que en lo particular me ha agradado mucho, es una utilidad de búsqueda dentro del editor, para acceder a el debemos postrarnos dentro del editor y luego usar el atajo Ctrl + F tecleamos la palabra a buscar y damos enter. También Blogger nos da la opción de Reemplazar (Ctrl + Shift + F) y Reemplazar Todos (Ctrl + Shift + R).



En Resumen:
Pros

  • Lineas de numeración.
  • Sintaxis de colores.
  • Botón Ir a widget.
  • Herramienta de buscar dentro del editor.
  • Si tenemos un error blogger nos informa en que numero de linea se ha producido.

Contras

  • No existe la opción de expandir o contraer todos códigos agrupados, para hacerlo se tienen que hacer de uno por uno.
  • En la opción buscar, no se informa cuantos resultados se encontraron y tampoco podemos avanzar o regresar entre ellos.
  • Creo que tarda un poco mas en cargar la información de vista previa.
Saludos!!

09 septiembre 2013

Hacer una copia de seguridad de tu blog


En ocasiones pasamos por alto el hacer un respaldo de nuestra información, creemos que no pasara nada o lo dejamos para después, y como casi siempre pasa, nos lamentamos cuando perdemos nuestra información por no haber hecho una copia de seguridad.

Bueno, comento esto por que a mi también me ha pasado en distintas ocasiones y en distintos escenarios. Hablando de blogger es muy importante saber hacer lo siguiente:
  • Hacer una copia de seguridad de nuestra plantilla.
  • Cargar una plantilla en Blogger.
  • Hacer una copia de todas las entradas con sus comentarios.
  • Cargar todas las entradas con sus comentarios.
Hacer una copia de seguridad de nuestra planilla en blogger

Es muy importante realizar una copia de seguridad de nuestra plantilla antes de modificarla ya que en ocaso de que el truco o la modificación no quede bien o como queríamos, podamos cargar la plantilla a como estaba antes.

Para realizar una copia de seguridad de la plantilla debemos realizar lo siguiente:
  1. Ir a la opción Plantilla.
  2. En la parte superior derecha dar click en Crear/Restablecer copia de seguridad.
  3. Luego nos saldrá una pantalla y daremos click en Descargar plantilla completa.
  4. Por ultimo seleccionamos la ruta y damos click en aceptar para guardar la plantilla.
Para Cargar una plantilla en blogger debemos hacer lo siguiente:
  1. Ir a la opción Plantilla.
  2. En la parte superior derecha dar click en Crear/Restablecer copia de seguridad.
  3. Dar click en subir.
  4. Buscar la copia de seguridad que guardamos o la plantilla que deseamos.
  5. Esperar a que se cargue la plantilla.
  6. Por ultimo dar click en aceptar.
Hacer una copia de todas las entradas con sus comentarios

Esta opción la podemos realizar frecuentemente para tener guardada la información de nuestro blog por cualquier cosa que pase. También la podemos realizar si cambiamos de blog y queremos cargar todas las entradas con sus respectivos comentarios.

Para guardar una copia las entradas y comentarios de nuestro blog debemos hacer lo siguiente:
  1. Ir a la opción Configuración - Otros.
  2. Dar click en exportar blog.
  3. Luego dar click en Descargar blog.
  4. Guardamos el archivo donde queramos.
  5. Por ultimo damos click en aceptar.
Para cargar todas las entradas con sus comentarios debemos realizar lo siguiente:
  1. Ir a la opción Configuración - Otros.
  2. Dar click en Importar blog.
  3. Luego dar click en seleccionar archivo.
  4. Buscamos el archivo a cargar.
  5. Escribimos la palabra que nos aparece.
  6. Por ultimo damos click en Importar blog.
Con estos pasos las entradas se publicaran automáticamente en nuestro blog.

Espero les haya servido.

Saludos!!

08 septiembre 2013

Insertar código HTML en un post (Blogger)



Para insertar código HTML directamente en una entrada, necesitamos transformar ese código para que blogger no lo tome como una instrucción, sino que lo tome como texto, es decir, si lo pegamos directamente en el post nos daremos cuanta que al publicarse no podremos ver este código.

Para solucionar este detalle debemos hacer lo siguiente:
  1. Debemos copiar el código que queremos insertar en nuestra entrada.
  2. Entrar a esta pagina Blogcrowds.
  3. Pegar el código a transformar.
  4. Dar click en el botón Parse.
  5. Una vez transformado el código, lo copias y lo pegas en la entrada.
Listo, con estos sencillos se podrán ver los códigos HTML.

Colocar boton "ir arriba" en tu blog


El colocar un botón de volver arriba (Back to Top) en nuestro blog, facilita a tus lectores desplazarse fácilmente a la parte de arriba de tu blog con un solo click. En esta ocasión veremos una manera sencilla de poner este botón en nuestro blog.

El botón que pondremos en nuestro blog tendrá un efecto desvanecedor por decirlo así, es decir, el botón aparecerá solo cuando se baja la pagina.

Como pueden ver en la imagen superior hay mucha variedad en los estilos de los botones, de tal manera que podemos escoger el que nos guste o se adapte mas a los colores de nuestro blog.

Para poner el botón de "ir arriba" tenemos que hacer lo siguiente:
  1. Ir a esta pagina scrolltotop.
  2. Elegir el botón que queramos.
  3. Copiar el código que viene del lado derecho de la imagen seleccionada. 
  4. Entrar a nuestra Plantilla Editar HTML.
  5. Buscar la siguiente etiqueta </body>.
  6. Pegar el código justo antes y listo.