Skip to main content

Cara Embed atau Iframe PDF Pada Blog AMP

Anwari.web.id - Berikut tata cara mempostingan pdf pada halaman blog amp yang biasanya banyak temen-temen kebingungan untuk memposting pdf pada halaman amp blogger jika hanya menggunakan standart bawaan scrip embed pdf pada google drive biasanya tidak akan valid AMP, cara ini lah yang akan di bahas di postingan kali ini.

Berikut adalah cara bagaimana memposting pdf pada halaman amp, pastikan semuanya sudah melakukan langkah-langkah berikut:

  1. Pastikan sudah upload pdf ke google drive.
  2. Dan lakukan dan bagikan settingkan ke publik
  3. Lalu sematkan Item di google drive sampai muncul link Iframe nya seperti ini :

    <iframe src="https://drive.google.com/file/d/1_iVy8n10Nq4UzLYkF5pbG3hkC2hmJrJZ/preview" width="640" height="480"></iframe>

  4. Jika sudah mendapatkan link seperti di atas kita tinggal tambahkan scrip amp iframe pada awal dan akhir lebih jelaskan simak scrip dibawah ini:

    <amp-iframe height="225" layout="responsive" sandbox="allow-scripts allow-same-origin" src="https://drive.google.com/file/d/1_iVy8n10Nq4UzLYkF5pbG3hkC2hmJrJZ/preview" width="400">
    <amp-img layout="fill" placeholder="" src="https://drive.google.com/file/d/1_iVy8n10Nq4UzLYkF5pbG3hkC2hmJrJZ/preview"></amp-img></amp-iframe>

  5. Sekian tutorial kali ini semoga berhasil semoga bermamfaat Terima kasih
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar