Cambios en el titulo parte I, Entendiendo las cosas basicas, Blogger

Generalmente dependiendo de la persona que realizó el diseño de tu blog, todo lo que sea título, se define como head, o encabezado (si se traduce)
En mi blog este código que presento a continuación define la mayoría de los cambios que se pueden hacer en el título.
(esto es parte de lo que se define como, hojas de estilo (CSS): por ejemplo, en ellas se escribe: el titulo 1 será así(tipo letra, color, otros), el título 2 será asá, entonces, cuando comienza el código del blog, solo se utiliza la palabra titulo 1 y no es necesario volver a definir el color, el tipo de letra, el tamaño, cada vez que se quiera hacer algo con este título)
La hoja de estilo es independiente del tipo de plataforma que se utiliza, la única diferencia es en donde se puede editar esta CSS.

En el caso de betablogger la hoja de estilos es todo lo que se encuentra entre las etiquetas <b:skin><![CDATA[/* y ]]></b:skin>. Algunas plantillas acceden de manera externa al archivo .css. En este caso, para realizar un cambio se debe descargar el archivo de la dirección en la que se detalla en la parte superior de la plantilla, luego realizar los cambios, despues subir el archivo nuevamente a un servicio que te lo permita y finalmente cambiar la url de la nueva dirección en donde alojaron el archivo. Si quieren tambien pueden copiar todo este codigo que esta en el .css y agregarlo al principio de la plantilla dentro de la correspondiente etiqueta que ya mencioné.
Si necesitan un servicio para subir sus archivos revisen este post: Paginas para Subir Archivos

  1. /* Header */
  2. #blog-header {
  3.  color: #ffe;
  4.  background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom left repeat-x;
  5.  margin: 0 auto;
  6.  padding: 0 0 15px 0;
  7.  border: 0;
  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. #blog-header p {
  20.  font-size: 110%;
  21.  color: #ffe;
  22.  text-align: left;
  23.  padding: 3px 20px 10px 20px;
  24.  margin: 0;
  25.  line-height:140%;
  26.  }

y esta otra parte:

  1. h2, h3, h4, h5 {
  2.  margin: 25px 0 0 0;
  3.  padding: 0;
  4.  }
  5. h2 {
  6.  font-size: large;
  7.  }
  8. h3.post-title {
  9.  margin-top: 5px;
  10.  font-size: medium;
  11.  }

ALGUNAS DEFINICIONES:

color:
obviamente es el color, en header h1 es el del título y en p es el de la descripción.
text-align: alineación del texto, puede ser right(derecha), left(izquierda), center(centrado). Solo es necesario reemplazar en este caso left por la que quieran.
font-size: es el tamaño de la letra no deben borrar el px, solo cambien el numero.
padding: corresponde a los margenes (px o em). Si escriben un solo valor, por ejemplo 5px ó 1em, se asume que es el margen con todos los lados (arriba, abajo, derecha, izquierda). Si especifican 4 valores, por ejemplo
padding: 0; 5px; 3px; 0px; Esto significa que tendra 0px de margen superior, 5px de margen derecho 3px de margen inferior y 4px de margen izquierdo
DESPUES SIGO

Artículos Relacionados

  • Intercambio de Enlaces entre Blogs y Páginas Web Alguien envio un comentario para intercambiar enlaces, así que me pareció prudente crear una entrada, para que todo aquel que quiera intercambiar enlaces, se contacte con gente que quiera […]
  • Como instalar Ubuntu 7.04 para Principiantes Paso a Paso Me interesa bastante comenzar a aprender linux en forma seria, se abre un mundo de posibilidades distintas (como el desarrollo de software con herramientas gratuitas). Ahora con […]
  • Millones de Script (Monadas) para los Blogs y Webs Aquí dejo algunos links de las mejores páginas que contienen scripts hasta de lo que soñaron. Lamentablemente no estan explicados para principiantes, pero de apoco iré probándolos y […]
  • Juegos_Para_el_Blog Aquí dejo los códigos de diferentes juegos que pueden agregar en sus blogs, gracias a pekegifs, así que visiten la web, es muy buena, tiene varias cosas. Si tienen dudas de: "en donde […]
  • Ventana de Avisos Para tus Visitantes, Classic-Blogger Como la mayoria de los usuarios, no leen los avisos que estan en los post o en alguna parte de la sidebar o barra lateral, quizas les interese este código. ¿Que es lo que hace?, Aparece […]
  • Autopinger Es un servicio online muy bueno. Puedes hacer un ping con la informacion de tu blog a una lista de buscadores de blogs, de dos formas: 1.- Manualmente, para eso tienes que ir a la pagina […]
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 *