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

  • El Sigue Leyendo!!! o Leer Mas!! Explicado para Blogger Buscamos la etiqueta </head> y sobre ella pegamos el siguiente código: [js][/js] Luego debemos reconocer las siguientes líneas de código: [html] [/html] Y agregar […]
  • Plantillas Navideñas, WordPress Éste dato es para los que gustan cambiar su plantilla según la época del año en que estemos, aquí les dejo una linda plantilla navideña, solo haz click en la imagen y llegarán a la […]
  • ¿Qué es Navbar?, Blogger La navbar es la barra que ven sobre sus blogs, como esta: Tiene varias características útiles: Blogger: permite regresar a la página principal de blogger http://www.blogger.com. Si […]
  • Sube Juegos Flash en tu Blog o Sitio Web Gracias a la página Gamegecko, subir juegos al blog es muy fácil, sigue los siguientes pasos: 1.-Descargar el archivo del juego que te gusta (donde dice download) 2.-Descomprime el […]
  • FeedFlash Este dato esta buenísimo!!!Para explicarlo con palabras simples, sirve para mostar todos los post que han hecho dentro del blog, el resultado es este: Lo primero es entrar a […]
  • ¿Cómo puedo mostrar/ocultar mis Post (entradas) en Classic Blogger? (Modo Peek-a-boo) Así quedarán las entradas de nuestro blog, una vez que hayamos seguido los pasos. Solo hagan click en [+/-], para que vean como se despliega el resto del post que esta […]
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 *