Març 26, 2019

Com afegir etiquetes de sublectura dissenyades personalitzades (H3) i de capçalera menor (h4) a Blogger

Perquè una publicació tingui un aspecte perfecte i faciliti la lectura dels visitants, cal diferenciar el títol amb el contingut. Per tant, Blogger permet als usuaris especificar directament diferents etiquetes de capçalera mentre editen una publicació. Hi ha totalment 6 etiquetes a l’encapçalament des de H1 fins a H6.Com afegir etiquetes de sublectura dissenyades personalitzades (H3) i de capçalera menor (h4) a Blogger Si voleu inserir aquestes etiquetes a la vostra publicació, heu de seleccionar una de les etiquetes disponibles mentre escriviu una publicació.

Tres etiquetes de capçalera disponibles a Blogger

1. Etiqueta de capçalera: etiqueta H2.

2. Etiqueta de subtítol: etiqueta H3.

3. Etiqueta de capçalera menor: etiqueta H4.

afegiu etiquetes de capçalera personalitzades a Blogger

Configuració del disseny personalitzat per a les etiquetes H3 i H4 a Blogger

Obriu el vostre Blogger Resum i aneu a la secció d’edició de plantilles, disponible a la secció “Plantilla" panell. Seleccioneu "Edita la plantilla”I veureu un munt de codificació a l’editor de plantilles. Seguiu els passos exactes que es descriuen a continuació per Afegeix un disseny personalitzat a les etiquetes de capçalera.

Pas 1: Hem d'afegir disseny personalitzat per a etiquetes H3 i H4 només a les publicacions. Per tant, copieu exactament el codi següent

.post-body h3 {font-size: 25px; background: gray; box-shadow: 0px 0px 5px black; color: white; text-shadow: 0px 0px 2px black;} .post-body h4 {font-family: veranda ; fons: url (http://www.somewebsite.com/background.jpg); color: vermell; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 10 px;}

Pas 2: Podeu enganxar-lo a qualsevol lloc del vostre estil CSS. Però si no coneixeu l'edició de plantilles, cerqueu la paraula "cos {" i enganxeu el codi exactament a sobre de l'etiqueta.

afegiu un disseny personalitzat a l'etiqueta de capçalera

Pas 3: Així es veurà el disseny de les vostres etiquetes d'encapçalamentdesprés d’editar-lo.

afegir un disseny personalitzat a l'encapçalament

Pas 4: Per provar-hi i afegir-hi diferents variacions, podeu utilitzar les eines de l'editor HTML en línia.

Pas 5: Si voleu canviar la imatge, cerqueu l'URL de la imatge i substituïu-la. Si voleu canviar el color, podeu utilitzar l'eina Selector de colors en línia per triar el color preferit.

Així podem afegir etiquetes de subtítols dissenyats personalitzats (H3) i de capçalera menor (H4) al blogger.

 

Sobre l'autor 

Imran Uddin


{"email": "Adreça de correu electrònic no vàlida", "url": "Adreça del lloc web no vàlida", "obligatòria": "Falta el camp obligatori"}