Ads

Source Code Lazy Load Script External

Source Code Lazy Load Script External
Dagruel
const onScr = function (d, t = {}, e = false) {
  const script = document.createElement('script');
  if(false != e) script.innerHTML = e;
  if (script.src = d, 0 != Object.keys(t).length)
    for (let n in t) script.setAttribute(n, t[n]);
  if (window.addEventListener) {
    window.addEventListener('load', () => document.body.appendChild(script));
  } else if(window.attachEvent) {
    window.attachEvent('onload', () => document.body.appendChild(script));
  } else {
    window.onload = () =>  document.body.appendChild(script);
  }
}

Script di atas letakkan di atas tag </head>. Script ini berfungsi agar script external di eksekusi setelah halaman selesai loading.

Untuk menggunakan nya pakai script berikut. Pasang di bawah script function di atas.

onScr('url_script')

Cara Menggunakan Source Code

  1. CSS tempat nya di dalam tag <style> atau <b:skin>. Contoh:
    <style>
      /* CSS tempel di sini */
    </style>
  2. Javascript biasa nya di letakkan di atas tag </body> Contoh:
    <script type='text/javascript'>/*<![CDATA[*/
      //Tempel Disini Script nya.
    /*]]>*/</script>
    </body>
  3. HTML terserah mau pasang di mana. mau di template atau postingan terserah.

4 komentar

Blogger Disqus
  1. Lazy Load Script Chattango. Script Awal.
    <script id="cid0020000303215795584" data-cfasync="false" async src="https://st.chatango.com/js/gz/emb.js" style="width: 200px;height: 300px;">{"handle":"dagruel-com","arch":"js","styles":{"a":"CC0000","b":100,"c":"FFFFFF","d":"FFFFFF","k":"CC0000","l":"CC0000","m":"CC0000","n":"FFFFFF","p":"10","q":"CC0000","r":100,"pos":"br","cv":1,"cvbg":"CC0000","cvw":200,"cvh":30,"ticker":1,"fwtickm":1}}</script>
    Klo di satukan dengan script di atas. menjadi:
    onScr('https://st.chatango.com/js/gz/emb.js', {
    async: 'async',
    id: 'cid0020000303215795584',
    'data-cfasync': false,
    style: 'width: 200px;height: 300px;'
    }, `{"handle":"dagruel-com","arch":"js","styles":{"a":"CC0000","b":100,"c":"FFFFFF","d":"FFFFFF","k":"CC0000","l":"CC0000","m":"CC0000","n":"FFFFFF","p":"10","q":"CC0000","r":100,"pos":"br","cv":1,"cvbg":"CC0000","cvw":200,"cvh":30,"ticker":1,"fwtickm":1}}`)

    BalasHapus
    Balasan
    1. makasih bang, tapi kalo untuk yang versi box kenapa keluarnya di bawah footer ya? padahal dipasang di sidebar.

      Pake mode floating aman si, emang bug nya gitu kalo pake yang versi box ya?

      Hapus
    2. 1. Bagian script utama chattango kita pasang di sidebar tetapi akan kita hapus attribute src agar tidak terload menjadi seperti ini.
      <script type="text" id="cid0020000303215795584" data-cfasync="false" style="width: 200px;height: 300px;">{"handle":"dagruel-com","arch":"js","styles":{"a":"CC0000","b":100,"c":"FFFFFF","d":"FFFFFF","k":"CC0000","l":"CC0000","m":"CC0000","n":"FFFFFF","p":"10","q":"CC0000","r":100,"pos":"br","cv":1,"cvbg":"CC0000","cvw":200,"cvh":30,"ticker":1,"fwtickm":1}}</script>
      untuk memanggil script utama nya pakai ini.
      onScr('https://st.chatango.com/js/gz/emb.js', {
      async: 'async'
      })

      Hapus
    3. work, makasih min. maaf belum bisa donate, klik iklan aja ya

      Hapus
  • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
  • Gunakan <i> untuk menuliskan kode. Contoh:
    <i>#comments</i>
  • Gunakan <em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
    <em>#comments {margin:0; padding:10px 15px}</em>
  • Gunakan Shortcode berikut untuk menambahkan gambar atau Video. Contoh:
    <i rel="spoiler image">url_gambar</i>
    <i rel="spoiler">spoiler_text</i>
    <i rel="iframe">url_embed</i>
×

Berlangganan

Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!