Cara Mengaktifkan Fitur Preloading pada Template Plus Ui

Cara mengaktifkan fitur preloading pada template plus ui

Pada kesempatan malam ini saya akan mencoba menuliskan tentang cara mengaktifkan fitur preloading pada template plus ui 2.6.2

Bagi kamu yang menggunakan template plus ui 2.6.2 yang akan kaya dengan fitur nya kamu bisa mencoba mengikuti tutorial ini untuk mengaktifkan fitur preloading yang ada pada template plus ui 2.6.2

Untuk cara nya pun sangat mudah, syarat sebelumnya blog kamu harus sudah menggunakan template plus ui 2.6.2 setelah itu nanti kamu tinggal mengaktifkannya dengan cara mengedit template html

Oh iya cara ini untuk mengaktifkannya tidak harus menggunakan atau menambahkan kode script kedalam template ya. Karena kode preloading sudah terpasang pada template plus ui 2.6.2 ini

Hanya kita tidak mengetahui letak kode script nya, maka dari itu mari kita simak caranya di bawah ini.

Cara Mengaktifkan Fitur Preloading Pada Template Plus Ui

1. Silahkan kamlian masuk ke akun blogger kalian masing masing

2. Setelah itu plih Tema lalu pilih edit html

3. Setelah berada di dalam template, biar lebih cepat dalam mencari kode nya silahkan pilih bagian Header

4. Sekror ke atas lalu temukan kode seperti yang di bawah.

<!--[ Preloader ]-->
      <b:includable id='preloader'>
        <!--[ Disable all the codes to remove 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>

5. Jika kode nya sudah ditemukan tinggal hapus saja kode tanda panah nya <!--  tidak lupa hapus juga penutupnya  --> contoh seperti dibawah.

<!--[ Preloader ]-->
      <b:includable id='preloader'>
        <!--[ Disable all the codes to remove 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>

6. Setlah itu simpan perubahan template

Untuk melihat hasilnya silahkan kamu reload blog kamu lalu buka salah satu postingan blog kamu.

Hanya ini saja dalam postingan yang dapat saya sampaikan, selamat malam dan sampai jumpa kembali dalam postingan berikutnya.

Baca juga