Como hacer un Flow o Tutorial para tu web como el que hay en apliarte.com

 Como hacer un Flow Tutorial para tu web como el que hay en apliarte.com





Lo primero que vamos a hacer, tal cómo se muestra en el vídeo, es organizar pestañas:

aqui dejo las tres:

Npm De codoozer: https://www.npmjs.com/package/codoozer-flow

Codoozer: https://codoozer.com/app

Blogger: https://draft.blogger.com/


Código  de la cabecera o header

<!-- codoozer flow -->

<link href="https://unpkg.com/codoozer-flow/build/index.css" rel="stylesheet" />

<script src="https://unpkg.com/codoozer-flow/build/index.js"></script>

<!-- codoozer flow -->


A continuación nos vamos justo antes de la finalización de </body>

 Y pegamos esto:


 <!-- codoozer flow -->

    <script>

    let CodoozerFlow = window.CodoozerFlow.default;

let flow = new CodoozerFlow({ hash: 'HASH' });

    </script>

    <!-- codoozer flow -->


 

  <link href="https://unpkg.com/codoozer-flow/build/index.css" rel="stylesheet" />

<script src="https://unpkg.com/codoozer-flow/build/index.js"></script>



 Siguiente paso

Explicación de Codoozer





 si apuntamos a un id usamos #


por ejemplo #header

SI TE INTERESA ESTE TUTORIAL 

HAZMELO SABER

 EN LOS COMENTARIOS 

Y SEGUIRE HACIENDO 

COSAS MAS AVANZADAS 

 



Comentarios