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 subir una foto a tu pagina de facebook -Ni bien entres a facebook, debes entrar en el menú de arriba, a la opción Perfil.. -Luego de entrar en esa opción, se abrirá la siguiente pantalla donde se debe seleccionar Agregar […]
  • ¿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 […]
  • Encuestas que Rotan de Bravenet, Muchas en el mismo lugar, Classic-Blogger Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web. Primero deben crear su cuenta en Bravenet. HAZ CLICK AQUI PARA IR A BRAVENET. Luego Pincha […]
  • Descarga los videos de Google Tambien esta en la pagina X-FLASH Esta herramienta online te permite bajar los videos que tiene google en su sitio de videos, simplemente pones la url del video que quieres bajar, y la […]
  • Previsualizacion los enlaces de tu blog Snap es una web, que permite la previsualizacion de los enlaces de tu blog con tan solo pasarlo el raton por arriba. Ya muchos blog lo utilizan y se los recomiendo. Solo tienes que […]
  • PhotoFunia, efectos para tus fotos muy divertidos Una pagina muy buena donde pueden agregar efectos excelentes a tus fotos es http://www.photofunia.com/ aquí pueden lograr cosas muy divertidas como aparecer en el cuadro de un museo, en […]
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 *