Como agregar una Imagen en el Titulo, Parte II, Son of Moto, Classic-Blogger

Personaliza Código, Título

VUELVO A REPETIR PARA CUALQUIER CAMBIO EN LA PLANTILLA, GUARDEN ANTES EL TEXTO EN UN DOCUMENTO WORD O EN EL NOTEPAD.

Como las diferencias en las plantillas son varias dependiendo del estilo que hayan elegido, iré publicando para cada uno(si es que puedo…jajaja), una imagen con el código que debieran agregar y que debieran quitar para tener en el titulo sus fotos..

Para este Template:
Son of Moto

ANTES:

< View plain text >
css

  1. #blog-header {
  2.  color: #ffe;
  3.  background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom left repeat-x;
  4.  margin: 0 auto;
  5.  padding: 0 0 15px 0;
  6.  border: 0;
  7.  }
  8.  
  9. #blog-header h1 {
  10.  font-size: 24px;
  11.  color: #FFE;
  12.  text-align: left;
  13.  padding: 15px 20px 0 20px;
  14.  margin: 0;
  15.  background-image: url(http://www.blogblog.com/moto_son/topper.gif);
  16.  background-repeat: repeat-x;
  17.  background-position: top left;
  18.  }
  19.  
  20. #blog-header p {
  21.  font-size: 110%;
  22.  color: #ffe;
  23.  text-align: left;
  24.  padding: 3px 20px 10px 20px;
  25.  margin: 0;
  26.  line-height:140%;
  27.  }

DESPUES:
(Los que tengan el mismo template, solo borren el código anterior y reemplazenlo por este, y cambien la url(direccion de tu foto) de la foto de ustedes, que debe tener mas o menos el mismo ancho)

< View plain text >
css

  1. #blog-header {
  2.  color: #ffe;
  3.  background: #8b2 url(http://photos1.blogger.com/blogger/5923/1205/320/tituloimagen1.JPG) no-repeat;
  4.  border: 0;
  5.  padding: 0 0 30px 0;
  6.  background-size: 100%;
  7.  background-position: center;
  8.  margin-top: 0;
  9.  margin-bottom: 0;
  10.  }
  11.  
  12. #blog-header h1 {
  13.  font-size: 24px;
  14.  text-align: left;
  15.  padding: 15px 20px 0 20px;
  16.  margin: 0;
  17.  }
  18.  
  19. #blog-header p {
  20.  font-size: 110%;
  21.  text-align: left;
  22.  padding: 3px 20px 10px 20px;
  23.  margin: 0;
  24.  line-height:140%;
  25.  }

Artículos Relacionados

  • Como cambiar la Informacion de una Cancion con Winamp Bueno les voy a contar como cambiar la información de una canción, ya sea intérprete, álbum, género, etc. Lo primero que hay que hacer es abrir el Winamp y cargar la canción a la cual […]
  • Headers para el blog Hay una página donde hay muchos diseños de header listos, para los que no saben como darle las medidas o diseñarla puede que les sirva este dato, solo deben entrar a FreeWebpageHeaders  y […]
  • Como eliminar el Span, Blogger Pasos para eliminar los comentarios indeseados: Paso 1 Ir a Settings (u Opciones) Paso 2 Ir a Comments ( o Comentarios) Abajo aparece esta frase (dependiendo del idioma) ¿Mostrar […]
  • Gana Visitas Gratis, Comprobado!! Este servicio, me pareció fenomenal, ya lo he implementado, en el fondo del blog. ¿En que consiste?: Uno gana impresiones de el anuncio de uno en otras páginas, por poner un bloque de […]
  • Juegos para tu Blog o Página Web El sitio Addictinggames ofrece 129 juegos para que agreguen en su Blog, aquí dejo uno de ejemplo, lo único que deben hacer es cambiar el ancho y alto para que se ajuste a lo que […]
  • Entendiendo el codigo para agregar FOTOS o Imagenes al Blog, Blogger Lo importante es la direccion en donde esta alojada tu foto (http:// ...), el resto del codigo siempre sera igual. Por ejemplo si subimos nuestras fotos a la pagina de Uploadhut […]
patriram
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.

About patriram

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.

Leave a Reply

Your email address will not be published. Required fields are marked *