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

  • Direcciones cortas para tu blog Primero debo agradecer a Patricia por la invitacion, y felicitar al grupo por esta iniciativa... de hacer un poco mas facil la vida a quienes no sabemos HTML... Este dato les puede […]
  • Encuestas en Bravenet El formato es el clasico, lo bueno es que pueden ajustar el ancho, y la encuesta se sigue viendo bien a diferencia de la encuesta Dpoll, que es muy bonita, pero si la dejas en la sidebar […]
  • Como agregar un Traductor de Google en mi Blog (Blogger, WordPress, Otros) Claramente mas es mejor, al menos en este caso, si tu web esta disponible en ingles como mínimo ademas del español, claramente tendrás mas visitas y de paso mejoraras tu posición en […]
  • Como Agregar Fotos al Blog, Blogger Voy a ir agregando temas de acuerdo vaya aprendiendo, como ya se como agregar fotos, empezaré por aquí, para facilitar las cosas al resto. Si tienes cuenta en BLOGGER O BLOGSPOT puedes […]
  • Musica de fondo para tu blog, WordPress Pese a que hay múltiples formas de subir canciones y videos a los blogs, una de las formas más basicas de hacerlo es la siguiente: [html] [/html] Donde en SRC debe ir la URL donde […]
  • ¿Cómo puedo crear un título para mi entrada? Primero debes comprobar que los titulos estan habilitados en el menu Configuración / Formato: Titulos Habilitados: La nueva entrada que crearás, tendrá el campo para que insertes el […]
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 *