14 abril 2014

Subir Imagenes y Obtener su URL


El dia de hoy aprenderas a subir imagenes y obtener su URL, existen muchas paginas que proporcionan este servicio de manera gratiuta, pero si usas blogger lo puedes realizar de manera sencilla.

Blogger nos ofrece este servicio atravez de Picasa, que es una pagina donde podemos subir imagenes de manera gratuita.

La manera mas rapida y sencilla de realizar este procedimiento es atravez del editor de entradas, para eso es necesario seguir los siguientes pasos:

Ir a crear una entrada nueva y dar click en Insertar Imagen
 

1 - Elegir la imagen a subir.
2 - Seleccionar la imagen y click en añadir las imagenes seleccionadas
  

Aparecera la imagen que seleccionamos dentro de la entrada y daremos click en HTML.
 

Dentro de HTML se encuentra la url de la imagen y su direccion es lo que esta seleccionado en amarillo:
 

Puntos a considerar:
  • Una vez obtenida la url de la imagen podemos borrar la entrada.
  • Todas las imagenes que subimos a nuestro blog se quedan guardadas de manera automatica en Picasa.
  • Puedes ver todas las imagenes que has subido a tus blogs, en el numero 2 puedes seleccionar las imagenes que has subido a x blog y en la opcion Desde Albunes Web Picasa ahi puedes ver todas las imagenes que has subido a tus blogs.

Espero les haya servido.

Saludos!!

11 abril 2014

Abrir enlaces/links en una ventana nueva


Hace unos dias vimos como hacer que todos los enlaces de nuestro blog se abran en una pestaña nueva, esto podria resultar un poco molesto para el lector ya que cualquier link que tengamos como lo son las etiquetas, las entradas mas recientre, ir ainicio entre otras, se abriran en una ventana nueva.

Para seleccionar los enlaces que se abriran en una ventana nueva necesitas utilizar target="_blank" despues del link que hacemos referencia.

Por ejemplo un link aparece de esta manera:
<a href="http://cosas-para-blogs.blogspot.com/"> 

Si quieres que este link se abra en una pestaña nueva al enlace se agrega target="_blank" quedando de la siguiente manera:
<a href="http://cosas-para-blogs.blogspot.com/" target="_blank">

Es importante dejar un espacio entre /" y target="_blank"

Esto lo podemos realizar como queremos hacer referencia a una informacion y que los lectores no se salgan de tu blog.

Alternativa

Si queremos que una palabra haga relacion a un enlace podemos hacer lo siguiente.

Por ejemplo: para ver la informacion hacer click aqui.

Seleccionamos la palabra aqui y damos click en enlace y nos aparecera lo siguiente:


En Direccion web anotan la direccion de la pagina a la cual se dirigira el enlace y seleccionar Abrir este enlace en una ventana nueva.

Esto hara que el enlace se abra en una ventana nueva.

Espero les haya servido.

Saludos!!

04 abril 2014

Cambiar el color de fondo de tu blog | Blogger


Si quieres cambiar el color de fondo de tu blog es necesario hacer lo siguiente:

Primero Paso: Entrar a la Plantilla - Edicion de HTML

Segundo Paso: Buscar el siguiente codigo:
body{background:url();
color:#555555;
font-family: Arial, Helvetica, Sans-serif;font-size: 13px;
margin:0px;padding:0px;}
Tercer Paso: En donde dice background:url(); se debe cambiar por el codigo del color que deseen, por ejemplo: background:#fd6406; guardamos y listo.

Puntos a considerar:
  • Para buscar un codigo en tu planilla, debes dar click dentro de la edicion de HTML y la combinacion de teclas Ctrl + F.
  • El codigo a buscar puede variar de acuerdo a la plantilla que tengan instalada, en algunas puede aparecer background:$bgcolor; o background:#fd6406; este codigo debe estar dentro de la etiqueta body{...............;}
  • Para generar el codigo del color que gustes puedes vitirar esta entrada Como saber el codigo de los colores.
Espero les haya servido.

Saludos!!

Eliminar el titulo del blog | Blogger


Hola a todos, en esta ocasion aprenderas la manera en como eliminar el titulo de tu blog y ponlo cuando quieras. Los motivos pueden ser variados, asi que si tu tienes alguno en particular quedate aqui y veras como hacerlo.

Para eliminar el titulo de tu blog tienes que ir a Planilla - Personalizar - Avanzado - Añadir CSS y pegar el siguiente codigo:

.Header h1 {
display: none;
}

Para que aparezca el titulo del blog solo es necesario quitar el codigo anterior.

Espero que les haya servido.

Saludos!!



Abrir todos los enlaces en otra ventana | Blogger


Este sencillo truco lo que hara es que todos los links/enlaces que tengas en tu blog se abran en otra pantalla.

Lo que tenemos que hacer entrar a la plantilla en Diseño - Edicion HTML y buscar la etiqueta <head> y justo despues pegar lo siguiente:

<base target='_blank'/>

Guarda lo cambios y listo. Todos los links de tu blog es abriran en otra ventana.

Si requieres seleccionar que enlaces se abren en una ventana nueva visita esta entrada aqui.
Saludos!!

Como saber el codigo de los colores


Para aquellas personas que se preguntan como saber el codigo de los colores estas en el lugar correcto. Esta informacion es util para aquellos que necesitan saber los codigos de los colores hexadecimales. Estos codigos los necesitaras si en algun momento requieres modificar algun color tu plantilla.

Es dificil aprendernos todos los codigos, para eso color-codes.info te brinda la oportunidad de generar estos codigos facilemente. Solo necesitas entar a la pagina y dar click en cualquier tonalidad de color para que automaticamente te genere el numero hexadecimal asociado a ese color.


Existe otra alternativa que es villamalea.

Espero que les sirva.

Saludos!!

01 abril 2014

Programar las entradas de tu blog | Blogger


En ocasiones tenemos la necesidad de programar las entradas de tu blog, ya sea por que tuviste algo de tiempo y quieres crear muchas entradas pero no publicarlas todas el mismo dia, o sea por la razon que sea, en este post aprenderas como programar las entradas de tu blog para que sean publicadas cuando tu lo quieras.

Para programar las entradas de tu blog hacer lo siguiente:

Primer Paso: Escribe tu entrada/post como normalmente lo haces solo que antes de publicarla da click en programar, veras que por default aparece seleccionada la opcion Automatico, debes seleccionar la opcion Establecer fecha y hora y te aparecera lo siguiente:
 

Segundo Paso: Seleccionar la fecha y la hora deseada, dar click en Listo y despues en Publicar.


Con estos pasos ya tienen programada su entrada, pueden entrar a la opcion entrada y veran que tiene le leyenda programada y cambiara su estatus a publicadas ya que llegue la fecha que le asignaron.


Como ven realmente es algo sencillo que nos puede ayudar.

Espero les haya servido.

Saludos!!

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:
  1. Entrar al editor de tu blog.
  2. Dar click en Entradas.
  3. Buscar la entrada a moficicar y dar click en editar.
  4. Ir a opcion Configuracion de la entrada y dar click. Nos saldra esta opcion:   
  5. 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!!

28 marzo 2014

Como redireccionar un blog a otro | Blogger



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:
  1. Entrar al blog antiguo que ya no van a utilizar.
  2. Entrar a nuestra Plantilla  Editar HTML.
  3. Copiar el siguiente codigo:  
  4. <script>
    location.href='aquí va la URL del blog nuevo';
    </script>
  5. Cambiar lo rojo por la direccion del blog nuevo.
  6. 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!!