Memasang Google Friend Connect Dengan Defer Iframe Di Sidebar

Memasang Google Friend Connect Dengan Defer Iframe Di Sidebar

Bola Hero Gawai

Memasang Google Friend Connect Dengan Defer Iframe Di Sidebar

Memasang Google Friend Connect Dengan Defer Iframe
Beberapa waktu yang lalu saya membagikan cara menyimpan widget Google Friend Connect di halaman statis dengan menggunakan iframe. Namun ternyata kini Blogger sudah merubah kembali script-nya dengan hanya menggunakan javascript sehingga iframe yang dihasilkan tanpa menampilkan URL pada iframe.

Namun ternyata iframe Google Friend Connect yang saya dapatkan dari script sebelumnya masih berjalan dan bisa digunakan. Hanya saja widget Google Friend Connect ini untuk latar belakang terang karena tulisannya berwarna hitam.

Jika kita memasang widget Google Friend Connect ini dengan iframe, kita bisa 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 kode 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 kode 2583045784323695327 dengan ID blog Anda, kemudian ganti kode www.kompiajaib.com (ada 2 buah) dengan domain blog Anda.

Kemudian copy kode javascript di bawah ini dan simpan di atas kode </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 bisa menimpan javascript di atas ke dalam hosting js blog Anda dan gunakan kode 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'));
} }

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×