Memasang Google Friend Connect Dengan Defer Iframe Di Sidebar

Beberapa waktu yang kemudian aku membagikan cara menyimpan widget Google Friend Connect di halaman statis dengan memakai iframe. Namun ternyata sekarang Blogger sudah merubah kembali script-nya dengan hanya memakai javascript sehingga iframe yang dihasilkan tanpa menampilkan URL pada iframe.

Namun ternyata iframe Google Friend Connect yang aku dapatkan dari script sebelumnya masih berjalan dan sanggup digunakan. Hanya saja widget Google Friend Connect ini untuk latar belakang terperinci alasannya tulisannya berwarna hitam.

Jika kita memasang widget Google Friend Connect ini dengan iframe, kita sanggup memanfaatkan defer iframe untuk menghemat loading blog.

Nah bagi Anda yang ingin mencoba memasang widget Google Friend Connect ini dengan defer iframe silahkan ikuti langkahnya di bawah ini.

Silahkan copy isyarat di bawah ini dan simpan di Gadget HTML/JavaScript melalui Tata Letak.

 <div id="followers-iframe-container">
 <script type="text/javascript">
 //<![CDATA[
 document.write('<iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="" tabindex="0" vspace="0" width="100%" id="I0_1449191617916" name="I0_1449191617916" data-src="https://www.blogger.com/followers.g?blogID=2583045784323695327&amp;origin=http://www.kompiajaib.com/&amp;colors=Cgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjAwMDAwMCIGMDAwMDAwKgZGRkZGRkYyBjAwMDAwMDoGMDAwMDAwQgYwMDAwMDBKBjAwMDAwMFIGRkZGRkZGWgt0cmFuc3BhcmVudA%3D%3D&amp;usegapi=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.XBc7yzzw0rU.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Ft%3Dzcms%2Frs%3DAGLTcCOJATx1G3T0rFpYTx3lgVq-28RnTw#id=I0_1449191617916&amp;parent=http%3A%2F%2Fwww.kompiajaib.com&amp;pfname=&amp;rpctoken=27775181" height="242"></iframe>');
 //]]>
 </script>
 </div>

Ganti isyarat 2583045784323695327 dengan ID blog Anda, kemudian ganti isyarat www.kompiajaib.com (ada 2 buah) dengan domain blog Anda.

Kemudian copy isyarat javascript di bawah ini dan simpan di atas isyarat </body> (jika sebelumnya sudah menggunakannya maka tidak perlu menyimpannya lagi).

 <script type="text/javascript">
 //<![CDATA[
 function init() {
 var vidDefer = document.getElementsByTagName('iframe');
 for (var i=0; i<vidDefer.length; i++) {
 if(vidDefer[i].getAttribute('data-src')) {
 vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
 } } }
 window.onload = init;
 //]]>
 </script>

Jika Anda sebelumnya sudah menghostingan semua javascript blog Anda untuk men-defer-nya, Anda juga sanggup menimpan javascript di atas ke dalam hosting js blog Anda dan gunakan isyarat di bawah ini.

 var vidDefer = document.getElementsByTagName('iframe');
 for (var i=0; i<vidDefer.length; i++) {
 if(vidDefer[i].getAttribute('data-src')) {
 vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
 } }

Sumber https://www.kompiajaib.com/

Share this post