Tutorial Personaliza tus Encabezados 1 y como usarlos♥



Hola a todas :3 bueno tome un poco de tiempo para hacer esta entrada de un tutorial que me pidieron , de como poner encabezados y como usarlos ,primero esto tiene parte 2 que tambien me pidieron que es un estilo diferente ,es el que tengo , y otra cosita mas que deben saber de esto ,solo que no la quiero hacer larga la entrada ,es por eso que la puse en dos partes >w< ¡
¿Qué son los encabezados? 
Los encabezados o headings en inglés, nos permiten estructurar el contenido de una página, destacando los títulos de los distintos apartados o secciones de dicha página. Para definir los encabezados, se utilizan las etiquetas h1, h2, h3, h4, h5, h6. 
Blogger incorporó en el panel de edición de entradas las etiquetas
 h2, h3, y h4 
a las que llama respectivamente así: 
Encabezado = h2
Subencabezado= h3
Encabezado secundario = h4
Definicion de encabezado sacado de aqui

 Y Bueno de lo que hablo es esto aqui una imagen el efecto donde dice "Probando Encabezado","subencabezado","Encabezado Secuandario"

Para colocarlo en tu blog sigue los siguientes pasos
Primero :
Para Plantilla Basica o Blogger: Ir a Plnatilla/Editar HTML / Presionas CTRL+F y colocas en la cajita que te aparecio ]]></b:skin> al encontrar colocas el siguiente codigo antes de ]]></b:skin>
Para Plantilla Clasica o Blogskin:Pegar el siguiente codigo antes de </style>
/*Personalizacion del encabezado*/
h2 {
background: #CEADA0;/*Color de fondo del encabezado*/
text-align: center;/*Center :centrado*/
color: #F7EFEC;/*Color de la letra del encabezado*/
text-shadow: 0px 0px 1px #997575;/*Color de la sombra del texto del encabezado*/
font: 20px;/*Tamaño de la letra*/
margin: 5px;
}
/*Personalizacion del subencabezado*/
h3 {
background: #CEADA0;/*Color de fondo del subencabezado*/
color: #B16E6E;/*Color de la letra del subencabezado*/
text-shadow: 0px 0px 1px #F39797;/*Color de la sombra del texto del subencabezado*/
font: 20px;/*Tamaño de la letra*/
margin: 5px;
text-align: center;/*Center :centrado*/
}
/*Personalizacion del encabezado secundario*/
h4{
background: #FCCDCD;/*Color de fondo del encabezado secundario*/
text-align: center;/*Center :texto centrado*/
color: #E59373;/*Color de la letra del encabezado secundario*/
text-shadow: 2px 1px 1px #FCE8E8;/*Color de la sombra del texto del encabezado secundario*/
font: 25px;/*Tamaño de la letra*/
outline-style: dashed;/*Tipo de linea dentro del encabezado secundario*/
outline-width: 1px;/*Tamaño de linea dentro del encabezado secundario*/
outline-color: #fff;/*Color de linea dentro del encabezado secundario*/
outline-offset: -3px;
}
 y bueno para los que conoscan ya los codigos muy bien pueden personalizarlo a su gusto , ponerle bordes redondeadas o ponerle un tipo de borde y mucho mas :3 
Ahora les esplico como usarlo , como ponerlo en el blog :
Como Usar en una entrada :
En nuestra entrada escribimos un titulo  en mi caso puse "Un titulo aqui" luego lo seleccione y me boy en donde dice normal ,hago clic y me aparece Encabezado,Subencabezado,Encabezado secundario, eleijimos uno de ellos que quieras ver como lo personalizaste ,ver como te salio.


Luego en mi caso eliji Encabezado y me salio asi :

Se puso en negrita y se agrando la letra (Aveces se pone pequeña la letra), vamos a vista previa y veras que ya tienes un encabezado personalizado .
Avisitos: Aun sigo en exámenes ;u;  ya que mis compañeros postergaron algunos examenes para esta semana. Estoy leyendo comentarios siembargo no me alcansa tiempo para responder ,algunos los respondo cuando tengo tiempo >w< .Los pedidos de plantilla nose que are D: estoy tan ocupada con estos examenes, nosabia que hiba a empezar los examenes estos dias  wa¡  :c , estuve haciendo el primer pedido pero me quede en la mitad uwu , y me pidieron varias :O con gusto quisiera hacerlo pero ya no tengo tiempo.Estoy pensando que hacer con los pedidos >w< . 
Esta semana mas y ya estoy libre nuevamente...
llegamos a 500 SEGUIDORES
owo y llegamos a los 500 seguidores *o* oww graciass >w< ahorita veo 507 seguidores :O , muchas gracias por seguirnos , losiento que no este activo estos dias ,pero estoy publicando los dias que puedo , y bueno a partir del dia 25 estare nuevamente publicando seguido tutoriales y mas :3 , estoy pensando que hacer por los 500 seguidores ,el dia viernes 23 les aviso n.n 





17 comentarios :

  1. Gracias Por El Tutorial Lo Puedo Tomar ?
    Para Publicarlo Otro Dia En Mi Blog Porfis Te lo Agradeceria Saludos!

    Chinnix~

    ResponderEliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  3. Gracias Lo Publicare Otro Dia Una Consulta Afiliamos Yo Ya Tengo Tu Botoncito Mi Blog Es:

    Mundochinnixarchi.blogspot.com/

    Saludos Chinnix~

    ResponderEliminar
    Respuestas
    1. jeje con razon ,me salia en la anterior no se encuentra este blog , :3 pero entre a tu perfil y vi tu link n.n

      Eliminar
  4. buen tutorial, gracias por el y felicidades ^^

    ResponderEliminar
  5. jejje muchas gracias por la tutorial,es genial...y felicidades~por todos tus seguidores~
    saludos

    ResponderEliminar
  6. Buen tutorial ^^
    Felicidades por tus 500 seguidores ^^
    Saludos n.n

    ResponderEliminar
  7. Holis,¿afiliamos?http://thiskawaiiblog.blogspot.com.es/

    ResponderEliminar
  8. lindo tuto que bueno que estes de vuelta

    ResponderEliminar
  9. ya le tenía ganas de cambiarle pero no sabía como ^^ gracias! :3
    y felicidades por los seguidores ^v^

    ResponderEliminar
  10. Hola Linda !!
    No me aparece :(
    Que hago ?!

    ResponderEliminar
    Respuestas
    1. Hola,seguiste todos los pasos? :O si agregaste el codigo y no te aparece al elijir por ejemplo encabezado , entonces no sabría por que no funciona :C pero también puedes hacer lo siguiente solo que es mas trabajoso si tienes que colocar muchos encabezados:
      En la entrada en la parte izquierda donde dije elijir encabezado , dice Redactar y otro HTML
      haces clic en HTML y colocas :

      < h2>Tu texto aqui < /h2>

      *Borra el espacio en < h2 y < /h2 en los comentarios no me permite colocar codigos*

      y pones redactar y te saldra de la misma forma que el mio en negrita y se agrandara la letra capas ,pones vista previa y veras que estará encabezado

      Eliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥