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 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 […]
  • Como Agregar un Menu de Opciones Esto es aplicable para cualquier Plataforma de Blogs Como pueden ver en la Sidebar de este blog, es una buena Manera de Implementar algún un menú ... Es extremadamente facil Para […]
  • Cómo poner un contador de visitas en tu sitio Web o Blog ¿Quieres saber cuantas personas visitan diariamente tu blog? Ahora podrás hacerlo con los novedosos marcadores que nos ofrece gratuitamente este servicio, para registrarte haz clic […]
  • Tutorial de CSS, Parte 1 “Que es el Padding, Margen, Border”, Blogger Para que puedan seguir el orden de este tutorial que será bastante largo lo iré enumerando :D. Todos cometemos muchos errores cuando modificamos el CSS de nuestra plantilla, incluso […]
  • Agregar Metatags para indexarse mejor a Google, Blogger Cuando elaboramos nuestro Website o blog, una de las primeras inquietudes que nos surge, que deseamos solucionar con la mayor brevedad posible, es querer que nuestro trabajo, esfuerzo, […]
  • Espacios MSN Muchos que tienen espacios MSN, llegan consultando como tener musica en su blog y hacer otras cosas, aqui les dejo los links de unas paginas, que tienen esta y otra […]
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 *