LiteG Plantilla Blogger pro Gratis ir al final. (alert-success)
El logotipo de cabecera:
Abra Diseño > luego haga clic en Editar icono > en el gadget Logotipo del encabezado . Ejemplo:
Para logotipo oscuro: puede cargar un logotipo oscuro fácilmente, primero cargue la imagen oscura en la publicación y copie el enlace fuente de la imagen y luego péguelo en el cuadro de enlace como se muestra en la imagen de arriba.
Menú de encabezado:
Abra Diseño > luego haga clic en Editar icono > en el gadget Menú de encabezado .Enlaces predeterminados y de submenú
Ejemplo de menú principal predeterminado = Funciones - Ejemplo de menú predeterminado.Ejemplo de submenú único = _Submenú 1 : simplemente agregue 1 guión bajo antes del título.
Ejemplo de submenú doble = __Submenú 2 : simplemente agregue 2 guiones bajos antes del título.
Ejemplo:
Nota: Recuerde que el Submenú 1 debe estar en la Lista del Submenú 2.
Iconos de menú
Puede seleccionar cientos de íconos sorprendentes para el enlace de su menú porque esta plantilla utiliza Google Material Icons como fuente principal de íconos.Código de icono: <i class="bi bi-0-circle"></i>
¿Cómo obtener el código HTML? Paso 1 : vaya a la Galería de iconos de materiales de Google .
Paso 2 : busque el ícono que está buscando y tóquelo para acceder a la página de información relevante.
Paso 3 : recupere el código de fuente del icono de la Galería de iconos de materiales de Google , como se muestra en la imagen proporcionada.
Paso 4 : edite el texto del enlace agregando el código de fuente del icono como en el siguiente ejemplo.
Megamenú
Para publicaciones recientes = megamenu/recentPara publicaciones aleatorias = megamenu/random
Para etiqueta específica = megamenu/ Su etiqueta
La etiqueta debe ser exactamente como se indica en las publicaciones, también en minúsculas o mayúsculas.
¿Qué son las etiquetas en Blogger?
Ejemplo:
Nota: Recuerde que Mega Menú no se puede utilizar en la lista de Submenú.
Publicaciones más populares:
Abra Diseño > luego haga clic en Editar icono > en el gadget Publicaciones más populares y luego Agregar/Personalizar HTML/Javascript o Publicaciones populares > en las Publicaciones más populares.HTML/Javascript
Ejemplo:
Personalice las publicaciones de tendencias principales y ajuste el título junto con la compatibilidad con etiquetas personalizadas para mostrar las publicaciones en la sección de tendencias.
Ejemplo de publicaciones recientes de código corto: 6/tendencias/
publicaciones aleatorias de código corto recientes Ejemplo: 6/tendencias/
publicaciones aleatorias de etiquetas de código corto Ejemplo: 6/tendencias/ su etiqueta
Nota: Utilice etiquetas con el mismo nombre que en las publicaciones, ya sea en minúsculas o mayúsculas.
entradas populares
Ejemplo:
Sección de publicaciones destacadas:
Abra Diseño > luego haga clic en Editar ícono > en el gadget de la Sección de publicaciones destacadas y luego Agregar/Personalizar HTML/Javascript o Publicaciones populares > en la Sección de Publicaciones destacadas.HTML/Javascript
Ejemplo:
Personalice las publicaciones resaltadas y ajuste el título y la cantidad de publicaciones junto con la compatibilidad con etiquetas personalizadas para mostrar las publicaciones en la sección resaltada.
Ejemplo de publicaciones recientes de shortcode: publicaciones destacadas/recientes de shortcode aleatorias Ejemplo: publicaciones destacadas/con etiquetas de shortcode aleatorias Ejemplo: destacadas/ su etiqueta
Nota: Utilice etiquetas con el mismo nombre que en las publicaciones, ya sea en minúsculas o mayúsculas.
entradas populares
Ejemplo:Sección de bloques de contenido:
Abra Diseño > luego haga clic en Editar ícono > en el gadget de la Sección de bloques de contenido y luego Agregar/Personalizar un HTML/Javascript > en la Sección de Bloques de contenido. Ejemplo:
Personalice los bloques de contenido y ajuste el título y la cantidad de publicaciones junto con la compatibilidad con etiquetas personalizadas para mostrar las publicaciones en la sección Bloques de contenido.
Ejemplo de publicaciones de etiquetas de código corto: Número de resultados / Tipo de bloque / Su etiqueta
Recuerde que el Número de resultados debe usarse solo si es compatible con los códigos cortos de tipos de bloque siguientes .
Tipos de bloques
Ejemplo de código corto de Grid-1: 6/grid1/recientePersonalice el código corto anterior para cambiar su tipo de etiqueta al igual que reciente , aleatorio . Su etiqueta también puede cambiar la cantidad de resultados solo si es compatible con el código corto de tipos de bloque anterior .
Nota: Utilice etiquetas con el mismo nombre que en las publicaciones, ya sea en minúsculas o mayúsculas.
Principales publicaciones recientes:
Abra Diseño > luego haga clic en Editar ícono > en el gadget Principal de Publicaciones recientes (sección) . Ejemplo:
Ocultar título de publicaciones
Ejemplo de código corto: (ocultar)Utilice el código corto (ocultar) en el cuadro Leer más para ocultar el título principal como se muestra en la imagen de arriba.
Sistema de comentarios
El sistema Nuevo comentario le permite configurar los comentarios desde la sección Publicaciones del blog. Para acceder al sistema de comentarios de Blogger, vaya a Diseño > Publicaciones de blog >Ejemplo de formato de comentario:
Código corto de Blogger: #type=(blogger)
Código corto de Disqus: #type=(disqus) #shortname=( Su nombre corto )
Código corto de Facebook: #type=(facebook)
Código corto de idioma personalizado de Facebook: #type=(facebook) #lang=( Su Código de idioma )
Códigos de idioma personalizados de Facebook: en_US , es_ES , ar_AR , id_ID , th_TH , de_DE , ga_GA , it_IT , ne_NE , ja_JA , vi_VN , pt_BR , fr_FR , ru_RU , de_DE , it_IT
Idiomas adicionales: para utilizar otros idiomas, es importante confirme si Facebook los admite ( Idiomas de Facebook ).
Insertar medios en los comentarios de Blogger
Publique cualquier imagen o video en la sección de comentarios directamente sin ningún código corto, simplemente copie y pegue el enlace de la imagen o video en el cuadro de comentarios.Ejemplo:
Personalizar etiquetas de publicaciones
Personalice el título de las etiquetas fácilmente y también puede ocultarlas desactivándolas. Para acceder a las etiquetas, vaya a Diseño > Publicaciones de blog >Ejemplo de prefijo de etiquetas:
Personalizar autor
Personalice fácilmente el prefijo del autor (como "Publicado por") y también puede ocultar el nombre del autor desactivándolo. Para acceder al formato de autor, vaya a Diseño > Publicaciones de blog >Ejemplo de formato de autor:
Personalizar fecha
Personalice el formato de fecha fácilmente y también puede ocultar la fecha de publicación de los artículos desactivándolos. Para acceder al formato de fecha, vaya a Diseño > Publicaciones de blog >Ejemplo de formato de fecha:
Artículos Relacionados:
Abra Diseño > luego haga clic en Editar ícono > en el gadget Publicaciones relacionadas . Ejemplo:
Personalice las publicaciones relacionadas y ajuste el título y la cantidad de publicaciones junto con la compatibilidad con etiquetas personalizadas para mostrar las publicaciones al final del artículo.
Ejemplo de publicaciones predeterminadas de shortcode: 3/relacionadas/predeterminadas
Ejemplo de publicaciones recientes de shortcode: 3/relacionadas/recientes
Publicaciones aleatorias de shortcode Ejemplo: 3/relacionadas/aleatorias
de publicaciones de etiquetas de shortcode Ejemplo: 3/relacionadas/ Su etiqueta
El atributo predeterminado muestra las publicaciones que coinciden con la publicación actual automáticamente.
Código de anuncio para publicaciones/páginas:
Abra Diseño > luego haga clic en Editar icono > en el gadget Código de anuncio para publicaciones/páginas . Ejemplo:
Introduzca su código de anuncio en este widget para mostrar anuncios automáticos en la parte superior e inferior del artículo.
Código corto de anuncios personalizados
Abra Publicación > luego seleccione el área en Publicar> y pegue ShortCode.Código abreviado de ejemplo: (anuncios)
Al utilizar el código abreviado (anuncios) , puede implementar anuncios entre el párrafo del artículo en el lugar deseado.
Nota: El código abreviado (anuncios) solo funciona si ha agregado un código de anuncio en la sección "Código de anuncio para publicaciones/páginas" .
Ocultar anuncios
Si desea ocultar anuncios de una publicación específica, simplemente use el siguiente código abreviado.Ejemplo de código corto: (ocultar anuncios)
Beneficios: el uso de anuncios con la ayuda de un código abreviado le brinda un control poderoso para desactivar los anuncios en cualquier momento de todas las publicaciones, también cuando encuentre actividad de clics falsos de los estafadores o algo más, necesite cambiar los anuncios de todas las publicaciones a la vez con la ayuda de estos anchos.
Postales:
Esta opción de tarjeta postal funciona en páginas y publicaciones. Puede usar el código corto para implementar la tarjeta postal fácilmente.Código corto: (getCard) #type=( Tipo de tarjeta ) #title=( Título de la tarjeta ) #info=( Información de la tarjeta ) #button=( Texto de la tarjeta ) #icon=( Código de icono )
Código corto: publicación , descarga , producto , personalizado
Ejemplo:
Estas tarjetas postales son súper flexibles, incluso funcionan con uso opcional de cualquier valor con fácil integración.
Tarjeta tipo postal
Código corto: (getCard) #type=( post ) #title=( Te puede gustar )Enlace de tarjeta: No es necesario ingresar el enlace de publicación, simplemente escribe # o / cualquier cosa en lugar del cuadro de enlace.
Descargar tipo tarjeta
Código corto: (getCard) #type=( descargar ) #title=( SEOEdge_Blogger_template.zip ) #info=( 74.02kb ) #button=( Descargar )Enlace de tarjeta: use cualquier enlace con la marca de verificación de la función opcional abrir nueva ventana si es necesario.
Comprar tipo tarjeta
Código abreviado: (getCard) #type=( product ) #title=( SEOEdge Premium Template ) #info=( 09.95$ ) #button=( Buy )Enlace de tarjeta: use cualquier enlace con la marca de verificación de la función opcional abrir nueva ventana si es necesario.
Tarjeta de tipo personalizado
Código corto: (getCard) #type=( personalizado ) #title=( Tarjeta postal personalizada ) #info=( Información ) #button=( Botón ) #icon=( descargar )Enlace de tarjeta: use cualquier enlace con la función opcional abrir nueva ventana marque si es necesario.
Código de ícono: esta plantilla utiliza íconos de Bootstrap; puede obtener íconos de todo tipo según sus necesidades y requisitos; vaya aquí a Iconos de materiales de Google e íconos de búsqueda.
Paso 1: Vaya a Google Material Icons
Paso 2: Busque el ícono en el cuadro de búsqueda superior y busque los íconos que desea, haga clic en él.
Paso 3: Ahora simplemente copie el código del ícono de la barra lateral derecha como se muestra en el siguiente ejemplo
Para instalar más botones y códigos cortos, visite esta página aquí
Nota: copie el código del icono con cuidado para colocarlo dentro del botón.
División de publicaciones (paginación de contenido):
Con la ayuda de esta increíble herramienta de división posterior, puedes dividir fácilmente la publicación en diferentes párrafos con botones de paginación. Simplemente repita el código abreviado después de diferentes párrafos como se muestra a continuación.Ejemplo de código corto: (página siguiente)
Ejemplo:
Nota: También puede utilizar una tarjeta postal dentro de los párrafos divididos por publicaciones.
Íconos sociales posteriores al autor:
Abra Configuración de Blogger > luego elija Editar perfil de Blogger > y pegue ShortCode. Ejemplo:
Puede crear este perfil de Blogger fácilmente siguiendo los pasos a continuación que le proporcionamos aquí. Vaya a Blogger, haga clic en Configuración y, por último, haga clic en editar perfil y coloque el código que le proporcionamos a continuación. Ejemplo:
Después de editar, Perfil de autor de Blogger Copie el código que le proporcionamos, péguelo en su perfil de blogger y reemplace los enlaces de redes sociales con los enlaces de sus propias páginas que desee utilizar. Ejemplo:
Perfil Enlaces a redes sociales
Ejemplo de código corto:<a href="https://instagram.com/edgytemplates">instagram</a>
Este código se puede usar para mostrar íconos de redes sociales junto con un enlace debajo de su perfil.
Agregue este código corto:
Hello this is Jane Doe, I am Web Designer and Expert at Edgy Templates
<a href="https://facebook.com/edgytemplates">facebook</a>
<a href="https://twitter.com/edgytemplates">twitter</a>
<a href="https://youtube.com/edgytemplates">youtube</a>
<a href="https://instagram.com/edgytemplates">instagram</a>
<a href="https://www.edgytemplates.com/">external-link</a>
Ocultar biografía del autor
Puede ocultar la sección de autor desactivando el botón de abajo. Para acceder a la sección Ocultar autor, vaya a Diseño > Publicaciones de blog > Mostrar perfil de autor.Ejemplo:
Nota: Reemplace los enlaces con sus propios enlaces de redes sociales para mostrarlos en la sección del autor.
Botón Me gusta de la página de Facebook:
Abra Diseño > luego haga clic en Editar un gadget Publicaciones recientes principales > en Publicaciones de blog . Ejemplo:
Recuerde: Para agregar un "Cuadro de botón Me gusta de la barra lateral de Facebook" personalizado, primero debe configurar el sistema de comentarios como Facebook, luego vaya al sitio web del botón Me gusta de Facebook , copie el código y péguelo en el nuevo widget HTML/Javascript de la barra lateral. Luego, el cuadro Me gusta de la página de Facebook funciona si alguien quiere agregar la página Me gusta de la página de Facebook, es una característica opcional.
Sección de la barra lateral:
Abra Diseño > luego haga clic en Editar icono > en el gadget Social Widget (sección) . Ejemplo:
Aquí puede agregar un enlace de red social en su barra lateral usando un código de acceso directo en LinkList Gadget como se muestra en la imagen de arriba.
Iconos de redes sociales compatibles: blogger , facebook , twitter-x , youtube , messenger , snapchat , telegram , instagram , pinterest , google . , apple , microsoft , dribbble , linkedin , tiktok , stumbleupon , vk , stack -overflow , github , soundcloud , behance , digg , delicioso , codepen , flipboard , reddit , tumblr , contracción nerviosa , rss , skype , whatsapp , discordia
Íconos sociales: esta plantilla admite varios íconos sociales que puede usar según sus requisitos, use solo caracteres en minúsculas.
Cuadro de suscripción personalizado:
Abra Diseño > luego haga clic en Editar ícono > en el gadget Seguir por correo electrónico . Ejemplo:
Utilice fácilmente el buzón de correo electrónico de suscripción personalizado con plataformas de terceros como Brevo, Mailchimp. Simplemente pegue el enlace de su formulario de suscripción y listo.
Código corto personalizado:
Código corto del cuadro de suscripción personalizado = (sibForm)Código corto del título = #title=(Seguir por correo electrónico)
Código corto del título = #caption=(Reciba notificaciones sobre la próxima actualización directamente en su bandeja de entrada)
El uso del código corto del título y del título es una característica opcional.
Crear enlace de formulario de suscripción
Para crear un enlace de formulario de suscripción personalizado, siga los pasos del artículo siguiente.- Enlace de suscripción: ¿Cómo crear un enlace de suscripción personalizado?
Nota: Recuerde reemplazar nuestro enlace de suscripción de demostración predeterminado con su propio enlace de suscripción.
Sección de publicaciones de la barra lateral:
Abra Diseño > luego haga clic en Editar icono > en el gadget de la sección de publicaciones de la barra lateral . Ejemplo:
Personalice las publicaciones de la barra lateral y ajuste el título y la cantidad de publicaciones junto con la compatibilidad con etiquetas personalizadas para mostrar las publicaciones en la sección de la barra lateral.
Ejemplo de publicaciones recientes de código corto: 3/barra lateral/
publicaciones aleatorias de código corto recientes Ejemplo: 3/barra lateral/
publicaciones de etiqueta de código corto aleatorio Ejemplo: 3/barra lateral/ su etiqueta
Nota: Utilice etiquetas con el mismo nombre que en las publicaciones, ya sea en minúsculas o mayúsculas.
Sección de comentarios de la barra lateral:
Abra Diseño > luego haga clic en Editar ícono > en el gadget de la Sección de Comentarios . Ejemplo:
Para mostrar comentarios recientes en su sitio web, use el código corto como se muestra en la imagen de arriba y también puede ajustar la cantidad de comentarios fácilmente.
Sección de publicaciones de pie de página:
Abra Diseño > luego haga clic en Editar ícono > en el gadget de la Sección de publicaciones de pie de página . Ejemplo:
Personalice las publicaciones de pie de página y ajuste el título y la cantidad de publicaciones junto con la compatibilidad con etiquetas personalizadas para mostrar las publicaciones en la sección de pie de página.
Ejemplo de publicaciones recientes de código corto: 6/pie de página/ publicaciones aleatorias de código corto recientes Ejemplo: 6/pie de página/ publicaciones aleatorias de etiquetas de código corto Ejemplo: 6/pie de página/ su etiqueta
Nota: Utilice etiquetas con el mismo nombre que en las publicaciones, ya sea en minúsculas o mayúsculas.
Pie de página de redes sociales:
Abra Diseño > luego haga clic en Editar ícono > en la sección de pie de página. Ejemplo:Aquí puede agregar un enlace de red social en su sección de pie de página usando un código de acceso directo en LinkList Gadget como se muestra en la imagen de arriba.
Iconos de redes sociales compatibles: blogger , facebook , twitter-x , youtube , messenger , snapchat , telegram , instagram , pinterest , google , apple , microsoft , dribbble , linkedin , tiktok , stumbleupon , vk , stack-overflow , github , soundcloud , behance , digg , delicioso , codepen , flipboard , reddit , tumblr , twitch , rss , skype , whatsapp , discord
Íconos sociales: esta plantilla admite varios íconos sociales que puede usar según sus requisitos, use solo caracteres en minúsculas.
Menú de pie de página:
Abra Diseño > luego haga clic en Editar ícono > en el menú de pie de página . Ejemplo:
Aquí puede insertar los enlaces de su página para mostrarlos en la parte inferior de la plantilla, como se muestra en la imagen de arriba.
Derechos de autor del pie de página:
Abra Diseño > luego haga clic en Editar icono > en el ejemplo de derechos de autor del pie de página :
Aquí puede insertar el enlace de crédito al pie de página de su sitio web, pero solo para usuarios premium. Los usuarios gratuitos no pueden eliminar ni editar el enlace de nuestro sitio web en el pie de página.
Nota: Solo los usuarios premium pueden editar y agregar un enlace al sitio web al pie de página.
Consentimiento de cookies:
Abra Diseño > luego haga clic en Editar ícono > en el Ejemplo de consentimiento de cookies :
El consentimiento de cookies es un sistema de complemento avanzado, donde puede configurar las cookies para que caduquen en días para que almacenen algunos bytes de datos en el dispositivo del usuario para que la próxima vez que su visitante vuelva a visitar su sitio web, se cargue más rápido y brinde una experiencia de usuario mejorada.
Utilice el siguiente código abreviado: Cambiar texto del botón = #botones=(¡Aceptado!)
Cambiar número de días = #días=(20)
Nota: Utilice este código corto correctamente como lo proporcionamos aquí, puede ajustar la ventana emergente de fecha de vencimiento de las cookies.
Opciones de diseño:
Abra el Panel de Blogger > Toque Tema y luego vaya a Personalizar .Esta plantilla de Blogger admite funciones de modo en caja , encabezado fijo , barra lateral fija y modo oscuro nativo .
Puede configurar 1 o 0 para habilitar o deshabilitar esas funciones.
Ejemplo:
Configuración de alimentación:
Abra el Panel de Blogger > Toque Configuración y luego desplácese hasta Feed del sitio .Esta plantilla de Blogger admite el sistema de alimentación corta ; configúrelo en modo corto para mejorar la velocidad y mejorarlo con fines de seguridad para controlar de forma segura su contenido.
Activar el tema Short Feed System cargará menos datos del feed del blogger, lo que ayuda a aumentar la velocidad del sitio web del blogger. Recuerde que esta opción solo funciona en nuestras plantillas más recientes.
Ejemplo:
Nota: No desactive/desactive el sistema de alimentación de Blogger porque esto afectará su sección de comentarios y la sección de publicaciones destacadas. Se recomienda ejecutar Short Feed.
Personalizar plantilla Liteg
Abra Tema > luego haga clic en Personalizar y explore Colores de fondo y la opción Avanzar .Totalmente personalizable: edite estilos de fuente, colores de menú, colores de widgets, sección de pie de página y muchas más opciones.
Ejemplo:
