Instalación del tema
Ya adquiriste la plantilla y estás listo para comenzar: ¡excelente!
Recomendamos que la instalación de una plantilla en Blogger se realice de forma manual, sigue estos pasos:
- Descargamos la plantilla a su alojamiento local, podrá encontrar el archivo de descarga en su recibo y/o en su cuenta – Historias de compras.
- Descomprima el archivo principal de descarga .Zip, donde se generará un carpeta con los archivos necesarios.
- Ubique el archivo .xml, pulsando clic derecho pinga en abrir en un Bloc de notas o otro editor de código, asegure de haber copeado todo el código HTML.
- Vaya a su panel de Blogger > en la barra lateral ubique y active la sección Tema > ubique el botón Personalizar > Pulse en el icono desplegable y presione sobre Editar HTML.
- Se abrirá una sección de solo código, con ayuda del teclado pulse Ctrl + A para seleccionar todo, luego elimine todo el código.
- Con ayuda del teclado pulse Ctrl + C para pegar el nuevo código copiado anteriormente de la nueva plantilla.
- Finalmente pulse en el icono de Guardar y podrá visualizar su pagina con la adaptación de la nueva plantilla
Recuerda que si tienes alguna dificultad en instalar tu plantilla, solo agrega a tu carrito de compras el paquete de instalación y comunícate con soporte, donde te atenderemos al instante.
Imagen de referencia.
Logo de Cabecera
¿Ya tiene diseñado su logo ideal para su sitio web?. Genial, de ser lo contrario, puede consultar con soporte para diseñar un logo por usted.
Acceda al Diseño de su Blog, ubique el gadget Logo de cabecera, pulse en el icono Editar.
Active la casilla de subir imagen, se activará un botón para que suba su logotipo, esto puede tardar unos segundo.
Luego de haber subido el logo, en la sección Colocación de imagen active el casillero En lugar del título y la descripción.
Finalmente pulse en Guardar
Lista de menu principal
Lista de Menu Desplegable
Acceda al diseño de su blog, u8bique el Gadget de Menu Principal, pulse sobre el icono Editar en el widget del menú principal.
Enlace de menu Desplegable: características
- Menu Normal : Desplegable
- Menu Deplegable: _Desplegable 1 (antes del enlace agregue » _ «) 1 Guion bajo
- Sub Menu Desplegable: __Sub Desplegable (antes del enlace agregue » _ _») 2 Guion bajo
Para obtener el código HTML de mas iconos Fontawesome ingrese a este enlace y busque el que mas se adecue al menú a colocar https://fontawesome.com/v4/icons/
Sección top dinámico
Esta sección de Widgets se muestra la parte superior de la plantilla, abajo del logo y menu principal, para configurar cada uno de estos Widgets es muy sencillo, acceda al la lista de contenido a continuación:
Buscador del Blog
Acceda al diseño de su blog, ubique el Gadget de Sección top dinámico, pulse sobre el icono Editar en el widget del Buscar este Blog.
Coloque un texto el cual se verá en el casillero del buscador asi como se ve en la imagen:
Iconos Sociales
Acceda al diseño de su blog, ubique el Gadget de Sección top dinámico, pulse sobre el icono Editar en el widget del Iconos Sociales.
- En el titulo coloque el nombre de la red social
- En el URL de sitio coloque su enlace de la red social
Iconos disponibles
facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen, whatsapp
Imagen de cabecera
Acceda al diseño de su blog, ubique el Gadget de Sección top dinámico, pulse sobre el icono Editar en el widget del Imagen de fondo de cabecera.
Active la casilla de subir imagen, se activará un botón para que suba su imagen de fondo, esto puede tardar unos segundo.
Indicaciones:
- De preferencia suba una imagen transparente (png)
- Tamaño 1100 x 320 px
Finalmente pulse en Guardar
Texto de Bienvenida
Acceda al diseño de su blog, ubique el Gadget de Sección top dinámico, pulse sobre el icono Editar en el widget del Texto de Bienvenida.
Coloque un titulo a su Widget
En contenido ingrese el siguiente código, del cual debe modificar el texto según su preferencia
<h1><b>🏆 Lo mejor en<br /> Apps y Juegos para Android</b> </h1> <h2>Encuentra las mejores Apps y los Juegos más emocionantes para Android.<br /> <b>¡Es genial tenerte aquí!</b> </h2>
Top 10 de la semana
Las publicaciones populares son automáticos, se generan según las vistas de los usuarios de las entradas, y se enumera según las estadísticas de visitas
Acceda al Diseño de su blog, ubique el Gadget de Publicaciones populares, pulse en el ícono Editar del Widget Top 10 de la semana.
En el apartado del titulo, coloque un nombre adecuado por ejemplo: (Top 10 de la semana)
En el apartado de Mas vistas seleccione el tiempo de periodo, por ejemplo: (Últimos 7 días)
Active el casillero de Mostrar imagen en miniatura y Mostrar fragmentos de texto.
En el apartado de Cantidad máxima de entradas que se muestran coloque 10 o dependiendo del la cantidad deseada.
Publicaciones Destacadas
Acceda al Diseño de su Blog, ubique el Gadget de Publicaciones Destacadas (Etiqueta) y pulse en el icono Editar del widget con nombre Secciones de publicaciones por Etiqueta.
En el apartado de Titulo, coloque un nombre adecuado, este no se mostrará en el sitio
En el apartado numero de elementos no coloque ningún número.
En lista de vínculos podrá agregar las cajas de publicaciones, también podrá agregar mas secciones, explico los detalles a continuación:
- En nombre del sitio deberá colocar el nombre de la sección, recomiendo un nombre corto
- En URL del sitio deberá colocar el nombre de Etiqueta de las publicaciones a mostrar
finalmente pulse en Guardar
NOTA: para las Etiquetas no se debe colocar tildes para que no tenga algún error
Entradas del Blog
Acceda al Diseño de su blog, ubique el Widget de Publicaciones Principales y pulse en el icono Editar.
Modifique el numero de entradas según su preferencia, por defecto este viene en 7
Active los casilleros según su preferencia, también modifique los textos como corresponden
Por ultimo pulse en el botón Guardar
Código para entradas
El código HTML para las entradas son para publicar contenido según la demostración del tema, debe adquirir este paquete.
Si ya lo adquirió, descargue el archivo, descomprima y abra el archivo Códigos para entradas.txt en un Bloc de Notas. Copee todo el código y vaya a su blog
Acceda a las Entradas de su Blog, pulse en CREAR ENTRADA, active la vista HTML, aqui debe pegar el Código que anteriormente ha copiado.
- En detalles de categoría de inicio, debe colocar su enlace de su logo del aplicativo o programa (coloque el enlace dentro de entry-bg=”IMAGEN”) puede ser la misma imagen que subido para su entrada por lo que esta imagen solo será visible para las secciones con categorías
- En detalles de entrada, debe subir su imagen del logo de su aplicativo o programa
- En el boton Descargar Apk, debe colocar su enlace de descarga en #
- En el boton Telegram, debe colocar su enlace de soporte de Telegram
- En Estrellas de Apk coloque un numero de calificación (no funcional para usuarios)
- En Botones categorías apk modifique según su preferencia
- En Texto descriptivo apk debe colocar la descripción de la aplicación o programa, tome en cuenta estos datos
(<h1>Titulo </h1>) (<h3>Subtitulo</h3>) (<b>Negrita</b>) (Separador texto <br/>)
- En Texto descriptivo oculto apk es necesario que desde esta sección deba agregar el siguiente código para que este texto descriptivo se muestre oculto, pero al pulsar en el boton Mostrar más, se mostrará
<span class="hideText"> Texto oculto </span> <button class="read-more-btn">Mostrar mas</button>
- En Imágenes de apk = maximo 12 debe colocar solo los enlaces de las imagenes de demostración del aplicativo o programa
Publicaciones Populares
Esta sección se compone de un Widget que generalmente se encuentra los Laterales o pie de página, para modificar o agregar Publicaciones Populares siga esto:
Acceda al Diseño de su blog, Ubique el Gadget de Barra Lateral y/o Pie de pagina.
Modifique o agregue un Widget de Popular, Coloque un titulo, active todas las casillas o según su preferencia.
Coloque el numero de entradas a mostrar y pulse en Guardar
Complemento de Facebook
Acceda al Diseño de su blog, cree un nuevo Widget tipo HTML ya sea en la sección lateral o en el pie de pagina.
Coloque el código del complemento de Facebook y modifique el enlace del usuario con el suyo
Por ultimo pulse en Guardar
<center> <div class="fb-page" data-href="https://www.facebook.com/plantillasplus" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div> </center>
Menu pie de página
Acceda al Diseño de su blog de Blogger, pulse en el icono editar en el widget menu pie de pagina, e ingrese/modifique los vínculos necesarios
Créditos de pie de Página
Todas nuestras plantillas vienen con un Gadget para modificar los Créditos de pie de Página del autor dentro de la sección Diseño, no es necesario ingresar al código fuente.
Acceda al Diseño de su blog, ubique el Gadget de Modificar o eliminar texto de copyright (plantillasplus.com), pulse en el incono Editar.
Verá un código HTML y JavaScript, donde podrá modificar el texto y el enlace segun su preferencia.
Por defecto la plantilla viene el siguiente código:
<div> @Copyright <script >var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> | hecho con amor por <a href="https://plantillasplus.com"> plantillasplus.com </a> <i class='fa fa-heart' style='color: red;'/></i> </div>
