Marzo 26, 2019

Como engadir etiquetas de sublectura deseñadas personalizadas (H3), encabezamento menor (h4) en Blogger

Para que unha publicación teña un aspecto perfecto e facilite a lectura aos visitantes, hai que diferenciar o título con contido. Así, Blogger permite aos usuarios especificar directamente diferentes etiquetas de encabezamento mentres editan unha publicación. Hai totalmente 6 etiquetas en Encabezado desde H1 ata H6.Como engadir etiquetas de sublectura deseñadas personalizadas (H3), encabezamento menor (h4) en Blogger Se queres inserir estas etiquetas na túa publicación, entón tes que seleccionar unha das etiquetas dispoñibles mentres escribes unha publicación.

Tres etiquetas de encabezado dispoñibles en Blogger

1. Etiqueta de título - Etiqueta H2.

2. Etiqueta de subtítulo: etiqueta H3.

3. Etiqueta de encabezamento menor: etiqueta H4.

engade etiquetas de título personalizadas blogger

Configuración de deseño personalizado para etiquetas H3 e H4 en Blogger

Abre o teu Blogger panel de control e vaia á sección de edición de modelos que está dispoñible en "Modelo”Panel de control. Selecciona "Editar modelo”E verás unha chea de codificación dentro do editor de modelos. Siga os pasos exactos que se indican a continuación para Engade deseño personalizado ás etiquetas de título.

Paso 1: Temos que engadir deseño personalizado para etiquetas H3 e H4 só dentro das publicacións. Así que copia exactamente o seguinte código

.post-body h3 {font-size: 25px; fondo: gris; box-shadow: 0px 0px 5px negro; cor: branco; text-shadow: 0px 0px 2px negro;} .post-body h4 {font-family: veranda ; fondo: url (http://www.somewebsite.com/background.jpg); cor: vermello; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 10 px;}

Paso 2: Podes pegalo en calquera lugar dentro do teu estilo CSS. Pero se vostede é novo na edición de modelos, busque a palabra "corpo {" e pega o código exactamente enriba da etiqueta.

engade deseño personalizado á etiqueta de título

Paso 3: Así quedará o deseño das etiquetas de títulodespois de editala.

engade deseño personalizado ao título

Paso 4: Para probar e engadir diferentes variacións, pode empregar as ferramentas do editor HTML en liña.

Paso 5: Se queres cambiar a imaxe, busca o URL da imaxe e substitúea. Se queres cambiar a cor, podes usar a ferramenta Selector de cores en liña para escoller a súa cor favorita.

Así é como podemos engadir etiquetas de subtítulo personalizado (H3), título de título menor (H4) no blogueiro.

 

Sobre o autor 

Imran Uddin


{"email": "Enderezo de correo electrónico non válido", "url": "Enderezo do sitio web non válido", "required": "Falta o campo obrigatorio"}