📂 Agregar Documentos 📚 al Blog de Blogger

Documentos PDF, EXCEL y WORD en el Blog de Blogger: https://youtu.be/mjrTIqufs3I

Formulario de Google: Crea, Edita, Ordena y Agrega tu formulario en tu Blog https://youtu.be/oMzX3uygc4M?list=PLqGZ_jX_Rtu_kFdoM0YTbjZR62ub3hczJ

SUBIR e INSERTAR un Archivo PDF 📑 en BLOGGER https://youtu.be/rxkr7u-G2Ao

Agregar Enlaces, Imágenes y Vídeos a tu Blog https://youtu.be/b81s40nEOWg

Cómo alinear a la Izquierda, Derecha y Centrar una Imagen, Vídeo y Texto https://youtu.be/qA2aDPiIvkw

Subir, Compartir e Insertar un Vídeo de Google Drive en Blogger https://youtu.be/gfWFT_j_yqM

Blogger permite integrar varias funcionalidades adicionales mediante widgets y plugins. Aquí hay una lista de algunos populares, junto con sus enlaces CDN para integración.


jQuery jQuery es una biblioteca de JavaScript rápida, pequeña y rica en características. URL: https://releases.jquery.com/ y CDN:

<script src="https://code.jquery.com/jquery-3.7.1.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Bootstrap (CSS y JS) Bootstrap es un marco de desarrollo front-end que facilita el diseño de sitios web y aplicaciones web. URL https://getbootstrap.com/; CDN:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> 

Font Awesome (Iconos): Font Awesome proporciona iconos vectoriales que pueden ser personalizados. URL https://fontawesome.com/v4/get-started/ y CDN:

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">


TinyMCE (Editor de Texto): TinyMCE es un editor de texto enriquecido basado en web. URL https://www.tiny.cloud/docs/tinymce/latest/webcomponent-cloud/ y CDN:

<script src="https://cdn.jsdelivr.net/npm/@tinymce/tinymce-webcomponent@2/dist/tinymce-webcomponent.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.10.2/tinymce.min.js"></script> 

How to use tinymce editor - Source Code https://youtu.be/f2z0E1mY6sA

Editor de texto con estilos (editor WYSIWYG) Quill.js en aplicacion con React.js https://youtu.be/VLyoPGhZ4hQ

 

Integración de Plugins y Extensiones en Blogger

Para integrar estos recursos en tu blog de Blogger, sigue estos pasos:

  1. Accede a tu cuenta de Blogger y ve a la sección "Tema".
  2. Haz clic en "Editar HTML" para abrir el código HTML de tu plantilla.
  3. Añade las etiquetas <script> y <link> dentro de la sección <head> o justo antes del cierre de la etiqueta </body>, según corresponda.
  4. Guarda los cambios y revisa tu blog para asegurarte de que los recursos se carguen correctamente.
 

...