Tutorial Mengaktifkan Preloader di Template Plus UI 2.6
|
| Efek Preloader di Template Plus UI 2.6 |
Preloader di Template Plus UI 2.6
Preloader adalah layar pemuatan halaman ke situs web Anda dengan gaya dan animasi, mudah disesuaikan, berfungsi di semua browser utama dan dengan tema apa pun dan di perangkat apa pun.
Tutorial
Bagaimana cara mengaktifkan preloader? Cara mengaktifkan preloader pada Template Plus UI pada saat buka halaman / post blogger, sudah tertanam script preloadernya pada Template Plus UI 2.6, tinggal kita mengaktifkan atau menonaktifkan script tersebut. Ikuti langkah-langkah nya berikut di bawah ini.
Kode Script Preloader Plus UI
- Pertama Masuk ke Dashboard Blogger.
- Pilih Tema.
- Pilih Edit HTML.
- Cari kode script berikut di bawah ini atau yang mirip scriptnya.
- Kemudian terakhir , ganti semua kode script di atas dengan kode script di bawah ini.
- Terakhir - Pratinjau dan Simpan .
<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>
<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>
Demo
Preloader Plus UIDemikian cara mengaktifkan efek preloader pada Template Plus UI , semoga bermanfaat.