Características: Plantilla de blogger de cartera receptiva

Incluye plantillas de Blogger, responsive, diseño de cuadrícula, SEO, paginación, etc.

Inspirado en la maqueta del nuevo Funciones de Blogger página , Características es una plantilla totalmente receptiva que se adapta mejor a los blogs de carteras y presentaciones. Tiene un diseño limpio y es compatible con Blogger Template Designer con muchas opciones adicionales, lo que facilita la modificación del diseño. Viene con soporte listo para usar para Twitter Cards y Open Graph Meta tags y etiquetas de título y encabezados optimizadas.
Para descargar esta plantilla

CaracterísticasSensible

Tiene un total de 6 puntos de interrupción (3 mostrados arriba), lo que lo ayuda a adaptarse a muchos tamaños de pantalla diferentes. Las transiciones CSS se han utilizado para agregar efectos de relajación al cambiar de un punto de interrupción a otro.Opciones personalizadas de Blogger Template Designer

diseñador de plantillas de blogger

Puede personalizar fácilmente el fondo y las fuentes del botón, el mensaje de estado, el widget de suscripción de correo electrónico, el widget de búsqueda, los cuadros deslizantes y las etiquetas del Diseñador de plantillas, además de todas las opciones que ya ofrece.

Cajas deslizantes

cajas deslizantes css

Un efecto de cuadro deslizante impulsado por CSS que está presente en la página de inicio, así como en las páginas de etiqueta y archivo. Muestra el título, la etiqueta y la fecha cuando el mouse se movió sobre la imagen.

Paginación

paginación automática

Diseño personalizado de etiquetas y botones

etiqueta de botón

Optimización de motores de búsqueda


Tarjeta de Twitter aprobada y metaetiquetas de Open Graph de Facebook presentes


– Etiqueta de título y encabezado según los estándares de los motores de búsqueda
– Soportes listos para usar para metaetiquetas de Open Graph, tarjetas de Twitter y pines enriquecidos que facilitan compartir sus publicaciones en las redes sociales

Compatibilidad entre navegadores

pruebas de navegador cruzado

Las funciones funcionan en todos los navegadores web modernos. Para versiones anteriores de Internet Explorer, muestra la opción de instalar Chrome Frame para mejorar la experiencia

Instrucciones de instalación

Antes de instalar la plantilla, asegúrese de haber cambiado la Plantilla móvil (Presentar en la pestaña Plantilla> Icono de engranajes) a Activado y seleccionarla como Plantilla personalizada. Si no lo hace, el Diseñador de plantillas de Blogger no funcionará.

Una vez que haya seguido los pasos anteriores, vaya a Plantilla> Copia de seguridad / Restaurar> Elija un archivo, seleccione el archivo XML del archivo descomprimido y luego Cargar

Consejos para utilizar la plantilla de forma óptima
– Ninguna publicación debe estar sin título. Si alguna publicación no tiene título, la miniatura de esa publicación no aparecerá.
– Para que las tarjetas de Twitter y el diseño de cuadrícula funcionen correctamente, cargue todas sus imágenes en Blogger. Las imágenes cargadas en un alojamiento de terceros pueden o no funcionar
– Cargue imágenes de la mayor calidad posible y establezca el tamaño de la primera imagen en Original en el Editor de publicaciones

Código de widget
El archivo descomprimido también contendrá dos códigos de widget, uno para la búsqueda y otro para la suscripción por correo electrónico, simplemente puede agregarlos a los nuevos gadgets HTML / JavaScript.

Estilo de etiqueta

etiquetar gadget en la pestaña Diseño del panel de Blogger

Para habilitar el estilo de Etiqueta personalizada, vaya al Diseño y haga clic en el botón Editar del widget de la Etiqueta. En él, asegúrese de marcar la opción Mostrar como nube

Paginación
Para cambiar la cantidad de publicaciones que se mostrarán en la página de inicio, busque el término postperpage (En Editar HTML usando CTRL + F), habrá una secuencia de comandos como esta

<script type="text/javascript">
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=3;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>

Puede cambiar los valores numéricos como desee en el código anterior.
var postperpage = 9; → Cambia el número de publicaciones que se mostrarán al hacer clic en cualquier número de página.
var numshowpage = 3; → Cambia el número de enlaces para mostrar en el widget

configurar el diseño de blogger de publicación de blog

Nota: Asegúrese de establecer también el valor de Número de publicaciones en la página principal (Vaya a Diseño, haga clic en la opción Editar de la publicación de blog y luego Número de publicaciones en la página principal 🙂 al mismo que el de la postperpage valor.

Habilitación de tarjetas de Twitter
Vaya a Plantilla> Editar HTML y busque “twitter: creador“(sin comillas) y reemplace el valor dentro del campo de contenido con su nombre de usuario de Twitter (por ejemplo, @Blogger). Una vez que lo haya hecho, vaya a https://cards-dev.twitter.com/validator , seleccione Resumen de imagen grande y luego pruebe cualquier publicación de su blog. Una vez que todo esté funcionando, complete el formulario de aprobación.

Cambiar el nombre de usuario de la suscripción de correo electrónico
Para el widget de correo electrónico, reemplace las dos instancias de StylifyYourBlog con su nombre de usuario de Feedburner. En el caso de la siguiente opción de suscripción por correo electrónico, busque ““(sin comillas) en Editar HTML y allí nuevamente encontrará dos instancias de StylifyYourBlog, reemplácelas con su nombre de usuario de Feedburner (por ejemplo, verifique la captura de pantalla a continuación, asumiendo que su nombre de usuario es Blogger)

Editar HTML

Botón
Para agregar un botón en cualquier lugar de su blog, agregue el siguiente marcado HTML

<span class="button">
<a href="#">The Link</a>
</span>

Con la esperanza de que te guste, déjame saber tus comentarios en los comentarios.

Licencia Creative Commons
Características de la plantilla de Blogger por Prayag Verma tiene una licencia Licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.

.

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *