
Plantilla Blogger Responsive Compatible con SEO, es una plantilla para Blogger con apariencia responsive, compatibilidad con los buscadores de internet y un SEO amigable. Esta plantilla tiene características especiales con un diseño adaptable y de una buena apariencia funciones muy importantes que son atractivos para los visitantes del blog en blogger.
Características | Disponibilidad |
---|---|
Tipo de plataforma | Blogger |
Responsive | Si Verificar |
Resultados Enriquecidos | Si | Verificar |
Compatibilidad móvil | Si Verificar |
Velocidad de Carga | Si Verificar |
Tipo de Plantilla | Blog Personal |
Diseño Web | Limpio |
Columnas | 2 |
Codificación | HTML | CSS |
Compatibilidad SEO | Amigable |
Estilo de Comentarios | Diseño Blogger |
Tipo de Menú | Fijo |
Página de Error | 404 personalizada |
documentación | Si |
1º Iniciar sesión en el panel de Blogger y dirigirse a Tema / Editar HTML.
2º Haga una copia de seguridad de su plantilla anterior si decide volver a utilizarla. Para hacer esto, haga clic en el enlace "descargar copia de seguridad" y guardar la copia de seguridad.
3º Luego, ubicar el archivo XML de la plantilla Plantilla Blogger Responsive Compatible con SEO que acaba de descargar y presione "Restablecer".
4º Desactive la versión móvil de esta plantilla, haga clic en Tema / Configuración para dispositivos móviles / Seleccionar para computadoras.
Configuración del Menú
Entrar en Diseño, luego editar el Menú Principal colocar enlaces de paginas estáticas que tengamos creado en nuestro blog de blogger con sus respectivos nombres.
Configuraciones de las Redes Sociales
Entrar en Diseño / Agregar un nuevo Gadget y pegar el siguiente código en la sección de la barra lateral.
<div id='sosmed'>
<ul class='social-counter social social-color social-text'>
<li class='facebook'><a href='#' rel='nofollow noopener' target='_blank' title='Sigue nuestro Facebook'/></a></li>
<li class='twitter'><a href='#' rel='nofollow noopener' target='_blank' title='Sigue nuestro Twitter'/></a></li>
<li class='linkedin'><a href='#' rel='nofollow noopener' target='_blank' title='Sigue nuestro Linkedin'/></a></li>
<li class='pinterest'><a href='#' rel='nofollow noopener' target='_blank' title='Sigue nuestro Pinterest'/></a></li>
<li class='instagram'><a href='#' rel='nofollow noopener' target='_blank' title='Sigue nuestro Instagram'/></a></li>
<li class='blogger'><a href='https://www.blogger.com/follow-blog.g?blogID=5580989112647891774' rel='nofollow noopener' target='_blank' title='Únete a nuestro sitio'/></a></li>
</ul>
</div>
Reemplace el símbolo # por el enlace url de tus redes sociales, En opción suscripción de blogger debe cambiar 5580989112647891774 y colocar la ID de tu blog en Blogger.
Configurar Menú Pie de Pagina
Entrar a Tema / Editar HTML , aquí buscar el código de abajo y reemplazar el símbolo # por los enlaces url de sus paginas en blogger.
<div class='footmenu' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'><ul>
<li><a href='#' itemprop='url' title='Sobre Nosotros'><span itemprop='name'>Sobre Nosotros</span></a></li>
<li><a href='#' itemprop='url' title='Contactos'><span itemprop='name'>Contactos</span></a></li>
<li><a href='#' itemprop='url' title='Disclaimer'><span itemprop='name'>Disclaimer</span></a></li>
<li><a href='#' itemprop='url' title='Privacidad'><span itemprop='name'>Privacidad</span></a></li>
<li><a href='#' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li>
<li><a href='#' itemprop='url' title='Estadisticas'><span itemprop='name'>Estadisticas</span></a></li>
<li><a href='#' itemprop='url' title='Error 404'><span itemprop='name'>Error 404</span></a></li>
</ul>
</div>
Código HTML Demo y Descarga
Incrustar botón HTML Demostración y Descarga en las entradas de blogger, solo modifique los enlaces url reemplace #
<div class='footmenu' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'><ul>
<li><a href='#' itemprop='url' title='Sobre Nosotros'><span itemprop='name'>Sobre Nosotros</span></a></li>
<li><a href='#' itemprop='url' title='Contactos'><span itemprop='name'>Contactos</span></a></li>
<li><a href='#' itemprop='url' title='Disclaimer'><span itemprop='name'>Disclaimer</span></a></li>
<li><a href='#' itemprop='url' title='Privacidad'><span itemprop='name'>Privacidad</span></a></li>
<li><a href='#' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li>
<li><a href='#' itemprop='url' title='Estadisticas'><span itemprop='name'>Estadisticas</span></a></li>
<li><a href='#' itemprop='url' title='Error 404'><span itemprop='name'>Error 404</span></a></li>
</ul>
</div>
Detalles | Descripción |
---|---|
Nombre de la plantilla | In SEO Responsive Blogger Template |
Autor Original | Namina |
URL | naminakiky |
Lanzamiento | 30 Junio 2016 |
Actualizado | Junio 2022 |
Licencia | Gratis | Reconocimiento 4.0 Creative Commons |
Editor | Tutoriales Gratis de Internet |
PD. todas las plantillas al ser modo gratuito podrían tener algún tipo de falla o error que viene por defecto publicado desde sus mismos editores, algunas plantilla tienen instrucciones incompletas o en algunos casos no existen la documentación, queda en responsabilidad de cada uno utilizar las plantillas o modificarlas para su buen uso. Si desea mas información o comprar la versión premium de dicha plantilla no olvide visitar la web oficial del autor esta en la descripción. Nuestro trabajo es publicar las plantillas mas actuales distribuidas libremente en internet y colocarle una pequeña documentación o instrucciones de uso, previa prueba para su buen funcionamiento en los sitios web en español.
Como le puedo cambiar el color de las barras azules? :(
ResponderBorrar