Load Iframe Secara Asynchronous. Dokumen Pribadi
Menggunakan iframe akan memaksa pengunjung blog untuk memuat dua website atau lebih dalam waktu yang sama. Tetapi kita bisa membuatnya loading secara terpisah atau secara asynchronous. Dalam hal ini iframe akan dimuat setelah seluruh bagian blog telah berhasil dimuat.
Untuk melakukannya sangat mudah yaitu dengan menggunakan jQuery. Sebelum menggunakannya pastikan sudah ada jQuery yang terinstal pada blog. Jika belum memiliki jQuery silahkan pasang kode ini pada blog setelah kode
<head>.<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js' type='text/javascript'/>
Agar jQuery berfungsi dengan baik, pasang kode tersebut hanya 1 untuk satu blog.
Setelah itu silahkan buat JavaScript seperti di bawah ini dan letakkan di atas kode
</head>.<script>
$(window).load(function() {
$("#iframe1").attr("src", "http://mbaguszulmi.blogspot.com");
});
</script>Keterangan :
#iframe1 adalah id iframe yang akan dimuat berdasarkan url http://mbaguszulmi.blogspot.com. Silahkan ganti id tersebut sesuai dengan keinginan Anda dan ganti url tersebut dengan url yang akan Anda jadikan iframe.Setelah itu letakkan iframe di manapun ingin ditempatkan. Misalnya di widget sidebar. Seperti ini kode iframenya.
<iframe id="iframe1" style="width:100%; border:none; margin:0; padding:0;" scrolling="no"></iframe>Silahkan ganti
iframe1 dengan id iframe yang telah dibuat di jQuery tadi.Sekian info kali ini jangan lupa untuk share dan tinggalkan komentar sob.