Cosas Para El Blog

29 marzo 2014

Cambiar el orden de las entradas | Blogger

Hola a todos, en esta ocasion veremos como cambiar el orden de las entradas en blogger. Motivos puede haber muchos, si es tu caso quedate aqui para que veas como.

Lo que tienes que hacer es lo siguiente:

Entrar al editor de tu blog.
Dar click en Entradas.
Buscar la entrada a moficicar y dar click en editar.
Ir a opcion Configuracion de la entrada y dar click. Nos saldra esta opcion:
Seleccionar la fecha deseada y dar click en listo.

Tips:

Si quieren que cualquier entrada aparezca al principio del post, seleccionar la fecha de hoy.

Espero les haya servido.

Saludos!!

Leer entrada completa

28 marzo 2014

Como redireccionar un blog a otro | Blogger

16:18 Trucos 1 Comentario

Hoy les mostrare como redireccionar de un blog a otro. Si han creado un nuevo blog y ya no quieren utilizar su blog antiguo pero no quieren perder sus lectores lo que necesitan hacer es lo siguiente:

Entrar al blog antiguo que ya no van a utilizar.
Entrar a nuestra Plantilla ► Editar HTML.
Copiar el siguiente codigo:

Cambiar lo rojo por la direccion del blog nuevo.
Pegar el codigo antes de la etiqueta .

Tips:

Para buscar cualquier fragmento de codigo debemos dar click dentro del cuadro de la edicion de HTML, utilizar la combinacion de teclas Ctrl + F, escribir el codigo o palabra a buscar y dale enter.

Espero les haya servido.

Saludos!!

Leer entrada completa

10 septiembre 2013

Ventajas y desventajas del nuevo editor html de blogger

16:51 Basicos 3 Comentarios

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!!

Leer entrada completa

09 septiembre 2013

Hacer una copia de seguridad de tu blog

17:24 Basicos 5 Comentarios

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:

Ir a la opción Plantilla.
En la parte superior derecha dar click en Crear/Restablecer copia de seguridad.
Luego nos saldrá una pantalla y daremos click en Descargar plantilla completa.
Por ultimo seleccionamos la ruta y damos click en aceptar para guardar la plantilla.

Para Cargar una plantilla en blogger debemos hacer lo siguiente:

Ir a la opción Plantilla.
En la parte superior derecha dar click en Crear/Restablecer copia de seguridad.
Dar click en subir.
Buscar la copia de seguridad que guardamos o la plantilla que deseamos.
Esperar a que se cargue la plantilla.
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:

Ir a la opción Configuración - Otros.
Dar click en exportar blog.
Luego dar click en Descargar blog.
Guardamos el archivo donde queramos.
Por ultimo damos click en aceptar.

Para cargar todas las entradas con sus comentarios debemos realizar lo siguiente:

Ir a la opción Configuración - Otros.
Dar click en Importar blog.
Luego dar click en seleccionar archivo.
Buscamos el archivo a cargar.
Escribimos la palabra que nos aparece.
Por ultimo damos click en Importar blog.

Con estos pasos las entradas se publicaran automáticamente en nuestro blog.

Espero les haya servido.

Saludos!!

Leer entrada completa

08 septiembre 2013

Insertar código HTML en un post (Blogger)

17:23 Entradas, Trucos Ningun Comentario

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:

Debemos copiar el código que queremos insertar en nuestra entrada.
Entrar a esta pagina Blogcrowds.
Pegar el código a transformar.
Dar click en el botón Parse.
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.

Leer entrada completa

Colocar boton "ir arriba" en tu blog

0:58 Efectos, Trucos 26 Comentarios

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:

Ir a esta pagina scrolltotop.
Elegir el botón que queramos.
Copiar el código que viene del lado derecho de la imagen seleccionada.
Entrar a nuestra Plantilla ► Editar HTML.
Buscar la siguiente etiqueta </body>.
Pegar el código justo antes y listo.

Leer entrada completa

27 agosto 2013

Listones de Banderas para tu Blog

14:58 Imagenes, Listones de Banderas para tu Blog, Trucos 16 Comentarios

En esta ocasión vamos a ver como poner una bandera en tu blog de manera similar a la que aparece en la imagen anterior, en resumen vamos a explicar lo siguiente:

Como poner una bandera en tu blog.
Poner la Bandera del lado izquierdo o derecho.
Poner ambas banderas al mismo tiempo.
Hacer que la bandera este flotando.
Poner un enlace en la bandera.

Como poner una bandera en tu blog

El proceso para colocar la bandera es el siguiente, debemos ir a la opción Planilla, Editar HTML, ahí debemos buscar esto </body> y justo antes pegar el siguiente código:

Guardamos los cambios y la bandera quedara de la siguiente manera (fija y a la derecha):

Poner la Bandera del lado izquierdo o derecho

Para poner la imagen del lado derecho es utilizando el código anterior, para alinear la bandera a la izquierda necesitamos que la imagen este adaptada para usarla de ese lado y lo que necesitamos cambiar es right:0 por left:0 y pegar el código justo antes de </body>, por ejemplo:

Guardamos cambios y nos aparecerá de la siguiente manera (fija y a la izquierda):

Poner ambas banderas al mismo tiempo

Para poner ambas banderas al mismo tiempo es necesario seguir el mismo proceso y pegar justo antes de </body> los dos códigos.

Guardamos los cambios y nos quedara de la siguiente manera (imagenes fijas a ambos lados):

Hacer que la bandera este flotando

Para hacer que la bandera flote, es decir, que aunque baje la pagina permanecerá visible, debemos realizar el mismo procedimiento y solo debemos cambiar position:absolute por position:fixed donde querramos que se realice este cambio, por ejemplo:

Guardamos los cambios y la bandera quedara de la siguiente manera (flotante y a la derecha):

Poner un enlace a la bandera

Para poner un enlace a la bandera debemos hacer lo siguiente, antes de cada código debemos anotar esto:

Donde dice URL del enlace o link debemos anotar la dirección que queremos que se habra al darle click. Al ultimo del código debemos anotar esto:

<img src="URL de la imagen" /></a>

La URL de la imagen es la dirección donde se alojo la imagen, en este sentido el código quedaría de la siguiente manera:

<a href="http://cosas-para-blogs.blogspot.mx/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY-DvZ-zLCZ0YHCTf5DduQSLz0Ve-bnjxj_F5hhtQ39FHCZG9Rwm0hERcgfeeYhSklPZILJAokA4PR7An_CQDdU0x4UJjI1sbYHUwaawtTFrDF-W2xGwhH241nJGxHLktgrQCJFQS-Q3Y/s1600/Listones+de+Banderas+Para+tu+Blog+-+11-+Mexico-Derecha.PNG" style='position:absolute; top:0; right:0;'/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY-DvZ-zLCZ0YHCTf5DduQSLz0Ve-bnjxj_F5hhtQ39FHCZG9Rwm0hERcgfeeYhSklPZILJAokA4PR7An_CQDdU0x4UJjI1sbYHUwaawtTFrDF-W2xGwhH241nJGxHLktgrQCJFQS-Q3Y/s1600/Listones+de+Banderas+Para+tu+Blog+-+11-+Mexico-Derecha.PNG" /></a>

La dirección en rojo es el enlace al que nos llevara al darle click en la bandera.
La dirección en azul es en enlace de la imagen.

Guardamos los cambios y la bandera quedara de la siguiente manera (fija, alineada a la izquierda y al darle click nos llevara a la pagina especificada).

Espero les haya servido, acá les dejo unos enlaces de algunas banderas:

A peticion de Tensa Zangetsu va la bandera de Nicaragua:

Nicaragua Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxSQKXY4TEagyt7rSh-MeEU0NcHxDxV7SNH34kX1cfpBoycamaHXG2V7Y43BnMMgyzqJlOl9fVxve6ApBQJI1-NXAmvhXLdBKYQPf0HRLHyvndwdsa-2Zfj-x_bbtO64XommPqpsCo8kU/s1600/Listones+de+Banderas+Para+tu+Blog+-+16+-+Nicaragua-Izquierda.png" style='position:absolute; top:0; left:0;'/>