Category Archives: Imágenes

¿Cómo puedo añadir mi foto a mi perfil?, Blogger

Para tener una foto en tu perfil, primero debes editarlo, luego introduces la URL de alguna imagen en el formulario, haz clic en Guardar en la parte inferior de la página y listo, ya tienes tu foto.

Como vez aquí tienes que agregar la URL de tu foto:

subir_foto_perfil_1.JPG

Si todavía no tienes ninguna foto alojada, primero puedes publicar una imagen en tu blog. A continuación, cambia el editor de entradas al modo Edición de HTML para obtener la URL de la imagen que subiste:

subir_foto_perfil_4.JPG

Continue reading ¿Cómo puedo añadir mi foto a mi perfil?, Blogger

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Como Crear un Banner

Esto es aplicable a cualquier Plataforma de Blogs.
Un banner no es mas que una imagen, que al pinchar sobre ella nos lleva hacia otra pagina. Algunos son mas sofisticados, y puedes ajustar algunas cosas, pero lo basico es tener tu imagen (tipicamente un rectangulo pequeño que entra en la sidebar).

Para WordPress u Otros:
Luego puedes subir la imagen a cualquier servidor de imágenes gratuito. Puedes revisar el siguiente Post: Paginas para Subir Archivos
Y finalmente agregar la referencia hacia la pagina que quieres que vaya:

Para Blogger:
Puedes subir la imagen con el mismo blogger dentro de una entrada que puedes dejar como borrador, o con Picassa u otro servidor de imágenes.

Puse una imagen grande porque para que iva a estar creando otra, si es lo mismo, ustedes lo hacen con la de ustedes

  1. <a href="http://animeguidezone.com"><img src="http://animeguidezone.com/animeblog/wp-content/uploads/2006/10/mai hime/bscap0001.jpg" /></a>
  2. <a href="http://www.direcciondelapagina.com"><img src="http://direccion-de-la-foto-en-el-servidor-que-utilizaron.com/foto.jpg" /></a>

El resultado de la primera linea es el siguiente acuerdense que si quieren abrir en otra pagina deben agregar el comando target…, quedando así el codigo:

  1. <a href="http://animeguidezone.com" target="_blank"><img src="http://animeguidezone.com/animeblog/wp-content/uploads/2006/10/mai hime/bscap0001.jpg" /></a>

Y como resultado de lo último, es lo que tenemos a continuacion, esto lo pueden ubicar en cualquier lugar, post, sidebar, titulo, en donde quieran:

Para agregarlo en la sidebar deben editar el archivo sidebar.php y simplemente copiar el codigo en alguna parte de ese archivo…
Suerte!!!

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Banner con foto en encabezado de Minima Blue/Black, Classic-Blogger

Este blog es maravilloso. Sin embargo, como otros bloggeros, no habia encontrado aqui la solucion a mi problema: poner un banner con foto en el encabezado de mi blog.
La razon principal era porque el Template de mi blog (minima blue, que es igual a la de minima black) no habia sido estudiado o mencionado aqui.

Mi estrategia fue mirar en el codigo de origen de todos los blogs que me gustaban y analizar COMO LE HICIERON PARA EL SUYO (ya que nunca encontré un alma piadosa que me revelara su secreto). Despues de muchas pruebas e intentos en vano, fui radical:

1. Quité todo el parrafo del HEADER (guardando una copia en word, por si acaso). Guardé los cambios.

2. Quité un parrafo mas lejos que empieza con <h1 id=”blog-title> hasta donde dice <$BlogDescription$></p> (guardando copia en word). Creo que esta justo antes de begin contents. Guardé los cambios.

3. En los parametros que me propone la admin de mi blog para el titulo y subtitulo escribi dos puntitos, asi por gusto. Guardé los cambios.

4. Después de haber disenado un bonito banner, copiando las medidas de los banners que habia visto en otros blogs (760 pix y 197 pix, pero eso ya es cuestion de gustos), lo cargué en mi blog como si fuese una imagen en un nuevo post. Copié-corté el URL (con copia en word o block de notas por si acaso). No publiqué dicho mensaje.

5. El codigo que quité (<h1 id=”blog-title> hasta donde dice <$BlogDescription$></p>), lo sustitui por el url de mi banner en jpg. Asi:

  1. <div id="header">
  2. <div align="center">
  3. <p>
  4. <img src="http............jpg" border="0">
  5. </p>
  6. </div>  
  7. </div>  
  8.  
  9.  
  10. <!-- Begin #content -->
  11. <div id="content">

Guardé los cambios. Miré mi blog y fui muy feliz! Ahora estoy viendo como poner un margen a todo lo largo del cuerpo del blog y como animar con muchos banners el mismo encabezado. Espero poder contarles eso muy pronto.

Espero haber ayudado.
Saludos y gracias al equipo de este blog!

Nota de Patricia Ramirez: Al eliminar <p id="description"><$BlogDescription$></p> eliminan la descripcion del blog..