Mempercantik halaman SPSE dengan unslider.js

untuk mempercantik halaman SPSE kita, supaya lebih ciamik, cetar membahana dan matoh *red indah,baik,keren (bahasa asli kab bojonegoro), kita dapat menambahkan page gallery ,dapat kita tambahkan library unslider  (https://unslider.com/) sebuah library page gallery , ukurannya yang relatif kecil sehingga load halaman juga tidak berat-berat,

1. Tahap persiapan

download dulu kebutuhannya

1. library unslider
2. kodecss
3. gambar 1  (gambar dapat diganti dengan ukuran 504px  X 147px)
4. gambar 2  
5. contoh index.tml  

download semua disini  

2. Tahap eksekusi

1. backup dlu index.tml pada alamat appserv/epns-prod-36/index.tml sehingga ada 2 index.tml dan index.tml.old (yang ini buat backup / cadangan kalau hasil oprek kode kita gagal bisa kita kembalikan lagi ke index.tml semula)
2. tambahkan library unslider.min.js ke appserv/epns-prod-36/assets/   (file permissionnya 644)
3. tambahkan gambar1 dan gambar 2 ke appserv/epns-prod-36/assets/images/   (file permissionnya 644)
4. buka file kode_index_tml.txt pada berkas yang kita download) kopi kode tersebut kemudian buka index /tml pada server, cari kode ini pada index.tml (alamat: appserv/epns-prod-36/index.tml)
   (kalau dibuka menggunakan notepad++ sekitar nomor 65 pada index.tml).kemudian paste /tambahkan kode yang telah kita kopi dibawah kode diatas.
5. buka file kodecss.txt (ada di download) copy cssnya tambahkan file application.css pada appserv/epns-prod-36/assets/application.css
6. restart server
7. semoga berhasil 

tampilan akhir 

dapat juga dilihat disini..

jangan lupa katakan ,alhamdulilah ya sesuatu.

semoga berguna