Demo Embed dengan TinyMCE

November 25, 2025 demo_admin

Demo Embed Content

Halaman ini menampilkan berbagai contoh embed content yang dapat Anda gunakan dalam website Anda. Gunakan TinyMCE editor untuk menambahkan dan mengatur embed content sesuai kebutuhan.

YouTube Video Embed

Berikut adalah contoh embed video YouTube:

Catatan: Ganti URL embed dengan video YouTube Anda yang sebenarnya.

Spotify Podcast/Episode Embed

Berikut adalah contoh embed podcast atau episode dari Spotify:

Catatan: Ganti URL embed dengan episode atau playlist Spotify Anda yang sebenarnya.

Google Maps Embed

Berikut adalah contoh embed peta Google Maps:

Catatan: Ganti URL embed dengan lokasi Google Maps Anda yang sebenarnya.

Vimeo Video Embed

Berikut adalah contoh embed video dari Vimeo:

Catatan: Ganti URL embed dengan video Vimeo Anda yang sebenarnya.

SoundCloud Audio Embed

Berikut adalah contoh embed audio dari SoundCloud:

Catatan: Ganti URL embed dengan track atau playlist SoundCloud Anda yang sebenarnya.

Google Docs Embed

Berikut adalah contoh embed dokumen dari Google Docs. Anda dapat embed Google Docs, Google Sheets, Google Slides, dll:

Catatan: Ganti URL embed dengan dokumen Google Docs Anda yang sebenarnya. Pastikan dokumen sudah di-publish dan set ke "Anyone with the link can view".

Cara Mendapatkan Google Docs Embed URL:

  1. Buka Google Docs, Sheets, atau Slides
  2. Klik File → Share → Publish to web
  3. Pilih format (Web page, PDF, dll) dan klik Publish
  4. Copy URL yang diberikan
  5. Ganti /view atau /edit dengan /pub?embedded=true
  6. Paste URL ke iframe src

Google Forms Embed

Berikut adalah contoh embed form dari Google Forms:

Catatan: Ganti URL embed dengan Google Form Anda yang sebenarnya. Pastikan form sudah di-publish dan set ke "Anyone with the link can fill this form".

Cara Mendapatkan Google Forms Embed URL:

  1. Buka Google Forms
  2. Klik tombol Send (kirim) di kanan atas
  3. Pilih tab </> (Embed HTML)
  4. Copy URL dari atribut src pada iframe
  5. Atau tambahkan ?embedded=true di akhir URL form
  6. Paste URL ke iframe src di TinyMCE (mode Source Code)

Typeform Embed

Berikut adalah contoh embed form dari Typeform (form interaktif yang populer):

Catatan: Ganti data-tf-widget="EXAMPLE123" dengan widget ID Typeform Anda yang sebenarnya. Dapatkan widget ID dari Typeform dashboard → Share → Embed.

Cara Mendapatkan Typeform Embed:

  1. Buka Typeform dashboard
  2. Pilih form yang ingin di-embed
  3. Klik Share → Embed
  4. Copy kode embed yang diberikan
  5. Paste ke TinyMCE (mode Source Code)

Google Sheets Embed

Berikut adalah contoh embed spreadsheet dari Google Sheets:

Catatan: Ganti URL embed dengan Google Sheets Anda yang sebenarnya. Pastikan sheet sudah di-publish dan set ke "Anyone with the link can view".

Google Slides Embed

Berikut adalah contoh embed presentasi dari Google Slides:

Catatan: Ganti URL embed dengan Google Slides Anda yang sebenarnya. Pastikan slide sudah di-publish dan set ke "Anyone with the link can view".

Tips Menggunakan Embed Content

Berikut beberapa tips untuk menggunakan embed content dengan efektif:

  • Responsive Design: Gunakan container dengan padding-bottom untuk memastikan embed tetap responsif di berbagai ukuran layar.
  • Loading Lazy: Tambahkan atribut loading="lazy" pada iframe untuk meningkatkan performa halaman.
  • Border Radius: Gunakan CSS border-radius untuk membuat tampilan embed lebih menarik.
  • Box Shadow: Tambahkan box-shadow untuk memberikan efek kedalaman pada embed.
  • Privacy & Security: Pastikan menggunakan referrerpolicy yang sesuai untuk privasi dan keamanan.

Contoh Multiple Embed dalam Grid

Anda juga dapat menampilkan beberapa embed dalam layout grid:

YouTube

Spotify

Halaman embed ini dibuat dengan TinyMCE editor dan menampilkan berbagai jenis embed content yang dapat Anda gunakan sebagai referensi. Semua embed di atas menggunakan contoh URL yang dapat Anda ganti sesuai kebutuhan.

Back to Pages