Cara Lain Memasang Embed Office Google Drive Dengan Jquery Blogger

Cara Lain Memasang Embed Office Google Drive Dengan Jquery Blogger

Cara Lain Memasang Embed Office Google Drive Dengan Jquery Blogger


Masih ingat postingan saya yang lalu tentang embed office google drive? Kali ini saya akan membagikan cara lain memasang embed office dengan jquery versi kompiajaib.com. Hal ini bermula setelah saya merubah template blog ini menjadi kompi males v6 tiba-tiba embed office tidak mau muncul di postingan, akhirnya saya konsultasikan kepada mas adhy suryadi untuk dibantu yang kemudian mas adhy memberikan script ini kepada saya. Dan sekarang saya bagikan kepada anda supaya bisa diabadikan.

Oke bagi yang mengalami hal yang sama dengan saya dimana embed office tidak mau tampil alias blank di postingan, silahkan hapus script embed office yang anda simpan di atas </head>, kemudian copas kode berikut ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type="text/javascript">
//<![CDATA[
$("iframe[src*='drive.google.com']").addClass("lazyload");
$(document).ready(function() {
$('iframe[src*="drive.google.com"]').wrap('<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 auto;width:100%"></div>');
$('iframe[src*="drive.google.com"]').css({
  "position": "absolute",
  "top": "0",
  "left": "0",
  "width": "100%",
  "height": "100%",
  "border": "0"
});
$('iframe[src*="drive.google.com"]').each(function() {
$(this).attr("data-src", $(this).attr("src"));
$(this).removeAttr("src", "")
});
});
//]]>
</script>
</b:if>

lalu simpan diatas </body>

untuk di postingan silahkan gunakan kode berikut:

<iframe src="https://drive.google.com/file/d/KODE-UNIK-GOOGLE-DRIVE/preview" allowfullscreen=""></iframe>

dan pastikan diblog anda sudah tersimpan kode Jquery berapapun versinya.

Nah cukup ya tutorial abal-abal ini dari Nom Ifrod tentang Cara Lain Memasang Embed Office Google Drive Dengan query. Selamat mencoba dan semoga bermanfaat.

Baca juga:

Share On :