Cara Mudah Mengaktifkan Efek Preloader di Template Plus UI 2.6

Cara Mudah Mengaktifkan Efek Preloader di Template Plus UI 2.6

Preloader di Template Plus UI 2.6

Kode script efek preloader pada saat buka halaman / post blogger, sudah tertanam script preloadernya pada template Plus UI 2.6, tinggal kita mengaktifkan atau menonaktifkan script tersebut.

Tutorial

1. Buka Dashboard Blogger

2. Pilih Tema

3. Pilih dan masuk ke Edit HTML

4. Cari kode script berikut di bawah ini (yg mirip scriptnya>.

      <b:includable id='preloader'>
        <!--[ Script ini untuk menonaktifkan preloader ]-->
        <!--<div class='pldW' id='preloader'>
          <div class='pldS'/>
        </div>
        <script>/*<![CDATA[*/ var preloader=document.querySelector('#preloader'); preloader.classList.add('e'); document.addEventListener('DOMContentLoaded', function(){setTimeout(function(){preloader.classList.add('h')},2000); neonLight(5000);}); /*]]>*/</script>-->
      </b:includable>

Kemudian terakhir , ganti semua script di atas dengan script di bawah ini.

     <b:includable id='preloader'>
        <!--[ Script ini untuk mengaktifkan preloader ]-->
        <div class='pldW' id='preloader'>
          <div class='pldS'/>
        </div>
        <script>/*<![CDATA[*/ var preloader=document.querySelector('#preloader'); preloader.classList.add('e'); document.addEventListener('DOMContentLoaded', function(){setTimeout(function(){preloader.classList.add('h')},2000); neonLight(5000);}); /*]]>*/</script>
      </b:includable>

Terakhir Simpan

Demikian semoga bermanfaat.

Referensi Tambahan Widget Preloader

Widget Preloader