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"
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
Gracias Por El Tutorial Lo Puedo Tomar ?
ResponderEliminarPara Publicarlo Otro Dia En Mi Blog Porfis Te lo Agradeceria Saludos!
Chinnix~
claro :3 no hay problema n.n
EliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarClaro :3 listo ,ya estas afiliada n.n
EliminarGracias Lo Publicare Otro Dia Una Consulta Afiliamos Yo Ya Tengo Tu Botoncito Mi Blog Es:
ResponderEliminarMundochinnixarchi.blogspot.com/
Saludos Chinnix~
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
Eliminarjeje XD
Eliminarbuen tutorial, gracias por el y felicidades ^^
ResponderEliminarjejje muchas gracias por la tutorial,es genial...y felicidades~por todos tus seguidores~
ResponderEliminarsaludos
Gracias por el tutorial ^^
ResponderEliminarBuen tutorial ^^
ResponderEliminarFelicidades por tus 500 seguidores ^^
Saludos n.n
jejeje gracias excelente tutorial
ResponderEliminarHolis,¿afiliamos?http://thiskawaiiblog.blogspot.com.es/
ResponderEliminarlindo tuto que bueno que estes de vuelta
ResponderEliminarya le tenía ganas de cambiarle pero no sabía como ^^ gracias! :3
ResponderEliminary felicidades por los seguidores ^v^
Hola Linda !!
ResponderEliminarNo me aparece :(
Que hago ?!
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:
EliminarEn 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