.post-body:first-letter { float:left; color: #333333; font-size:100px; font-family:none; line-height:80px; padding-top:1px; padding-right:5px; } font-style: italic; } span.letracapital{ float: left; font-size: 40px; line-height: 35px; /* Dobla el alto de linea menos 1 pixel */ font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad; /* Azul */ padding-right: 5px; } -->

Recent Posts

Plantilla Janice para blogger

23 feb 2020
Janice es una plantilla ideal para blogs tipo moda y revista.
Esta plantilla es responsible, adaptándose fácilmente a todas sus necesidades.



Características de la plantilla


Diseño totalmente receptivo
Optimización avanzada de motores de búsqueda
Pin it button en las imágenes
Widget de Instagram
Widget de Pinterest
Cambiar tamaño de imagen en miniatura
Documentación bien
Comentario Roscado
Publicación reciente por etiqueta
Soporte de publicaciones relacionadas
Anuncios listos
Imagen del autor automático
Boletín de suscripción
Página de error 404 personalizada
Estilo minimalista
Compatible con los principales navegadores (IE8 +, Mozilla, Chrome, Safari)
Diseño de administrador profesional, lo ayuda a trabajar fácilmente con el diseño del blog.


Pasos de instalación de la plantilla


1. Copia de seguridad 

Descomprima el archivo Template.zip.
En Blogger Dashboard, haga clic en Plantilla .
Haga clic en Descargar plantilla completa para conservar su plantilla anterior.
Puedes ver cose se hace paso a paso en este post

2. Subir plantilla

Haga clic en el botón Examinar ..
Encuentre dónde está la ubicación del archivo "olivia-full-version.xml".
Luego haga clic en Cargar .

Editar vista previa móvil tal y como muestra la imagen


3. Configuración del blog


Después de instalar el tema, hay configuraciones mínimas para que todos los widgets funcionen bien en esta plantilla.

En el Panel de control de Blogger, haga clic en Configuración .
Haga clic en otro .
En Site Feed > Permitir alimentación de blog, elija Completo .
Luego haga clic en Guardar configuración .


4. Configuración del logotipo

1. En su panel de control, seleccione "Diseño".

2. Cargue el encabezado de su logotipo: en su blog (encabezado), haga clic en "Editar" y aplique todas las configuraciones a continuación:




5. Menú de navegación


  5.1 Configuración del menú superior


En el Panel de control de Blogger, haga clic en Diseño .
Haga clic en Editar en el  widget de navegación superior .
Cámbielo según sus necesidades. Agregue el nombre del enlace Nombre y URL del enlace, luego haga clic en Agregar enlace
Haz clic en Guardar .
Cambie la ubicación del elemento del menú con la flecha hacia abajo y la flecha hacia arriba.



 5.2 Menú principal / DropDown



En el Panel de control de Blogger, haga clic en Diseño .
Haga clic en Editar en el widget del menú principal .
Cámbielo según sus necesidades. Agregue el nombre del enlace Nombre y URL del enlace, luego haga clic en Agregar enlace
Haz clic en Guardar .
Para agregar un elemento del submenú. Debe agregar "_" (guión bajo sin comillas) antes del enlace del elemento de menú ( ejemplo :   _barra lateral izquierda )
Cambie la ubicación del elemento del menú con la flecha hacia abajo y la flecha hacia arriba.





6. Social Top / Social Footer

Acceda al diseño de su blog > haga clic en el   enlace Editar en el  widget Social Top  /  Follow Us (Sidebar) /  Social Footer  .
Nombres sociales:    facebook, twitter, gplus, bloglovin, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen




 Ejemplo:

Por ejemplo, si tiene que agregar el ícono "facebook", simplemente agregue facebook en el nombre de la sección Nuevo nombre del sitio y, a continuación, agregue la URL de ese sitio en particular.

widget de enlace social



7.  Publicaciones de cuadrícula

Acceda al diseño de su blog   > haga clic en  Agregar un gadget  >  HTML / JavaScript  en la  sección Publicaciones de cuadrícula  , debe colocar los siguientes nombres resaltados en azul a continuación.
01 - Yor Tag / Label:  Deportes
02 - Mensajes recientes :  reciente
03 - Publicaciones aleatorias :  aleatorio




8.  Publicaciones de control deslizante

Acceda al diseño de su blog   > haga clic en  Agregar un gadget  >  HTML / JavaScript  en la  sección Publicaciones del control deslizante  , debe colocar los siguientes nombres resaltados en azul a continuación.
01 - Yor Tag / Label:  Deportes
 02 - Publicaciones aleatorias :  aleatorio


9.  Publicaciones de tendencias

Acceda al diseño de su blog   > haga clic en  Agregar un gadget  >  HTML / JavaScript  en la  sección Publicaciones de tendencias  , debe colocar los siguientes nombres resaltados en azul a continuación.
01 - Yor Tag / Label:  Deportes
02 - Mensajes recientes :  reciente
03 - Publicaciones aleatorias :  aleatorio



10. Widgets

Acceda al diseño de su blog  >  haga clic en  Agregar un gadget  >  HTML / JavaScript  en la   sección de la barra lateral o pie de página , debe colocar los siguientes nombres resaltados en azul a continuación.
Publicaciones aleatorias:  randomposts
Después de agregar, haga clic en guardar.


11. Opción de tema:


Widget Publicación reciente No.
Agregue su número deseado para cambiar el widget de recuento de publicaciones recientes.
Widget Publicación aleatoria No.
Agregue su número deseado para cambiar el widget de recuento de publicaciones recientes.

PageNavi Results No.
Agregue su número deseado para cambiar el recuento de publicaciones principales.
Etiqueta Resultados máximos Resultados No.


Agregue su número deseado para cambiar el recuento de publicaciones en las páginas de etiquetas.


12. Sistema de comentarios

Acceda al diseño de su blog > haga clic en  Editar  enlace  en el   widget del sistema Comentarios .
Y ou pueden desencadenar las disposiciones siguientes .
Solo Blogger agrega:  [blogger]  y haz clic en guardar.
Solo Disqus agrega:  [disqus]  y haz clic en guardar.
Solo Facebook agrega:  [facebook]  y haz clic en guardar.
Más: [facebook] [disqusss]
[blogger] [facebook]
[facebook] [blogger]
[disqus] [facebook] [blogger]
[blogger] [disqus] [facebook]
[disqus] [blogger] [facebook]
NOTA:  La visualización de todos solo está disponible en esa disposición.
NOTA 02:  Para ver los comentarios de Disqus del sistema, debe seguir los pasos a continuación.

13. Disqus Shortname

Acceda al diseño de su blog > haga clic en  Editar  enlace  en el   widget Disqus Shortname .
Lo que tienes que hacer es agregar el nombre corto



14. Diseño de página / Sin barra lateral / Barra lateral izquierda

Para agregar estas opciones, solo agregue los códigos a continuación en la composición de la publicación.

Códigos: [sin barra lateral]
               [Barra lateral izquierda]




15. Personalización del tema

Acceda a la plantilla de su blog > haga clic en  Personalizar. Aquí puede cambiar el fondo y aplicar colores predefinidos
Al hacer clic en Avanzado, verá la opción oficial para cambiar el Color principal



No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos