Shortcodes / Video Icon
Shortcodes / Video Icon
… Add a Video Icon
Add a Video Icon HTML
- In your blogger dashboard.
- Go to "Layout".
- Locate the section.
- Click on "Add a Gadget" and we recommend adding these widget:
+ Widget "HTML/JavaScript" To add component codes.
- Select and paste the Code
- Select "#" and paste you link.
- Click "Save".
Add code link youtube:
- Go to the video on Youtube.
- Click button "Share".
- Link the Youtube "... youtu.be/g6FaKHJtKuU".
- Copy "g6FaKHJtKuU".
- Copy Code and add in "Sections" or "Posts or Pages".
- Paste code Widget "HTML/JavaScript".
- Click "Save".
Code:
Minimal
<button class=" Your Class " data-video="https://www.youtube.com/embed/g6FaKHJtKuU "> You title </button>
Full
<button type="button" class=" Your Class " data-bs-toggle="modal" data-bs-target="#videoModal" data-video=" https://www.youtube.com/embed/g6FaKHJtKuU "> You title </button>
Edit Code:
- Copy the code.
- Open notepad or a code editor.
- select code "class size" and "Any of the styles".
- Paste the code in "Your class".
- Paste your link in "Your link".
- Add your title in "Your title".
Code:
Minimal
<button class=" Your Class " data-video=" Your Link "> You title </button>
Full
<button type="button" class=" Your Class " data-bs-toggle="modal" data-bs-target="#videoModal" data-video=" Your Link "> You title </button>
Code Class:
… Class Size
video-player-1x
video-player-2x
video-player-3x
video-player-4x
video-player-5x
<button type="button" class="video-player-1x" data-bs-toggle="modal" data-bs-target="#videoModal" data-video=" Your Link "> Your Title </button>
… Theme Color
video-blue
video-black
video-gray
video-white
video-green
<button type="button" class="video-player-1x video-blue" data-bs-toggle="modal" data-bs-target="#videoModal" data-video=" Your Link "> Your Title </button>
… Theme Outline
video-outline-blue
video-outline-black
video-outline-gray
video-outline-white
video-outline-green
<button type="button" class="video-player-1x video-outline-blue" data-bs-toggle="modal" data-bs-target="#videoModal" data-video=" Your Link "> Your Title </button>
… Theme Flat
video-flat-blue
video-flat-black
video-flat-gray
video-flat-white
video-flat-green
<button type="button" class="video-player-1x video-flat-blue" data-bs-toggle="modal" data-bs-target="#videoModal" data-video=" Your Link "> Your Title </button>
… Theme Link
video-link-blue
video-link-black
video-link-gray
video-link-white
video-link-green
<button type="button" class="video-player-1x video-link-blue" data-bs-toggle="modal" data-bs-target="#videoModal" data-video=" Your Link "> Your Title </button>