Plantilla Blogger Responsive para Sitios Web (Lycoris)

Lycoris es una plantilla responsive para sitios web alojados en blog de blogger, esta plantilla fue rediseñada a partir de la primera versión Lycoris 1 es una versión gratuita que no cuenta con una versión premium, aun así esta rediseñado con todo las funciones de una plantilla premium que podemos usarlo en nuestro blog de forma profesional adaptado y diseñado por su fácil instalación y uso.

• Vista previa Version Gratuita
• Descargar Version Gratuita

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ú	Adhesivo y Oculto
Página de Error	404 personalizada
Espacio de Publicidad	Si
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 Blogger Responsive Lycoris 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.

Modificar Menú 1

Dirigirse a Blogger / Tema / Editar HTML, buscar el siguiente código y reemplazar todos los símbolos # con la url de sus propios enlaces. También renombre los títulos según su criterio.

 

            <!-- Main menu -->
            <ul>
              <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
              <li><a href='#'>Contact</a></li>
              <li><a href='#'>Disclaimer</a></li>
              <li><a href='#'>Sitemap</a></li>
              <li><a href='#'>Static Page</a></li>
              <li><a href='#' target='_blank'>Download Here</a></li>
              <li class='searchbutton'/>
              <li class='menu' title='Menu'/>
            </ul>

Modificar Menú 2 (Menú Oculto)

Dirigirse a Blogger / Tema / Editar HTML, buscar el siguiente código y reemplazar todos los símbolos # con la url de sus propios enlaces. También renombre los títulos según su criterio

<ul>
  <li class='home'><span class='close-menu' title='Close'><i aria-hidden='true' class='fa fa-times-circle'/></span></li>
  <li><a href='/' title='Home'><span>Lycoris</span></a></li>
   <li class='has-sub'><a href='#'><span>Categorias</span></a>
      <ul class='expand'>
            <li><a href='#'>Animacion</a></li>
            <li><a href='#'>Natual</a></li>
            <li><a href='#'>Gente</a></li>
            <li><a href='#'>Technologia</a></li>
            <li><a href='#'>Blogger</a></li>
            <li class='last'><a href='#'>Otros</a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Codigos</span></a>
      <ul class='expand'>
            <li><a href='#'>CSS</a></li>
            <li><a href='#'>jQuery</a></li>
            <li><a href='#'>Cookies</a></li>
            <li class='last'><a href='#'>Wicked</a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Menu</span></a>
      <ul class='expand'>
            <li><a href='#'>CSS</a></li>
            <li><a href='#'>jQuery</a></li>
            <li><a href='#'>Cookies</a></li>
            <li class='last'><a href='#'>Wicked</a></li>
      </ul>
   </li>
</ul>

Widget Slider Sidebar

Entrar a Diseño crear un nuevo widget en la barra lateral y colocar el siguiente código slider de las ultimas publicaciones automáticas en el blog de blogger.

         

<style scoped='' type='text/css'>
</style>
<div id="slider-rotator" class="slider-rotator loading">
</div>
<script type="text/javascript" src="https://cdn.rawgit.com/Arlina-Design/quasar/413112eb/feedrotator.js"></script>
<script type="text/javascript">
makeSlider({
    url: "https://plantillasbloogergratuitas.blogspot.com" // Cambiar a la URL de tu blog
});
</script>

Reemplazar la dirección url https://plantillasbloogergratuitas.blogspot.com  por la URL de su blog.

Cambiar entradas para Mostrar

Entrar a Tema / Editar HTML, buscar el siguiente código y reemplazar postperpage=9 por la cantidad de entradas que desea mostrar.

 

var postperpage=9;var numshowpage=3;var upPageWord ='Ant';var downPageWord ='Sig';var urlactivepage=location.href;var home_page="/";

Resaltar titulo de Publicación

Utilizar el siguiente código en la opción Vista HTML de su publicación para resaltar texto cambiar Escribir Texto

<span class="awal">Escribir Texto</span>

Botón Demostración y Descarga

Colocar su enlace url en lugar de TU-LINK-AQUI

 

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="TU-LINK-AQUI" rel="nofollow"  target="_blank">DEMOSTRACION</a></li>
<li><a class="download" href=" TU-LINK-AQUI" rel="nofollow"  target="_blank">DESCARGAR</a></li>
</ul>
</div>
<div class="clear"></div>

Usar Tabla de contenido 

Colocar una tabla en tus entradas usando el siguiente código html dentro de tus entradas, solo reemplace texto por su propio texto.

<table cellpadding="0" cellspacing="0" style="text-align: left;">
    <tbody>
        <tr>
            <th>Table 1</th>
            <th>Table 2</th>
            <th>Table 3</th>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
    </tbody>
</table>

Detalles	Descripción
Nombre de la plantilla	Lycoris
Autor Original	Arlina Code
URL	idntheme
Lanzamiento	Agosto 2020
Actualizado	Junio 2022
Licencia	Gratis | Reconocimiento 4.0 de Creative Commons
Editor	Plantillas Blooger Gratuitas

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.