Entrada Destacada

ENTRADA DE BIENVENIDA

Ultimas entradas

Cómo usar la Primera letra Capital en tu blog. Simplemente cuando lees cualquier revista mientras leee, seguramente verás una p...

Cómo usar la Primera letra Capital en tu blog

Cómo usar la Primera letra Capital en tu blog.




Simplemente cuando lees cualquier revista mientras leee, seguramente verás una primera letra Capital o letra mas Grande.
Este método necesitas solo unascuantas líneas de Css para agregar a su plantilla, luego la primera letra de cada publicación en su blog será automáticamente una tapa.
Puedes elegir el color y la fuente de la letra capital. Este efecto también se puede encontrar en muchos blogs y sitios web.



El efecto es una primera letra grande que se extiende por tres o cuatro líneas con el texto alrededor. La letra de letra mayúscula también puede usar una fuente diferente y puede ser de un color diferente al resto del texto.

Demo




Para agregarlo en Blogger tienes que seguir estos pasos

Vete al Escritorio Crear/Restablecer copia de seguridad



Primero por seguridad hazte una copia de seguridad por si las moscas metes la pata en algo que nunca viene de mas hacerla que hasta los mas listos metemos la gamba en algunos momentos.

A cotinuación a Diseño
                                                       

Editar HTML.
                                                                   

En  este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.                           

                                                                                   

Ahora encuentra ]]> </ b: skin>




Busca este código ]]></b:skin> una vez que hayas encontrado el código deberás insertar las siguientes líneas de código justo antes  del código que encontraste


p:first-letter {
display:block;
margin:5px 0 0 5px;
float:left;
color:#0033CC;
font-size:60px;
font-family:Verdana;
}


Personalizaciones

Para cambiar el color de la fuente, encuentre esta línea - color: # 0033CC;
Para cambiar el tamaño de la fuente, encuentre esta línea - font-size: 60px;
Para cambiar la familia de fuentes, encuentre esta línea - font-family: Verdana;







Fecha: 25/12/2018

Fuente: helperblogger

Publicado por:                                         











0 comentarios:

Paginacion

EL RINCON OSCURO DE KIRADOBER