Langsung ke konten utama

Cara Mengganti Gambar Pada Image Slider di Slims 9



Slims atau Slims Senayan  adalah aplikasi perpustakaan yang dikjembangkan oleh tim dari Pusat Informasi dan Humas Departemen Pendidikan Nasional Republik Indonesia ini dibangun dengan menggunakan PHP, basis data MySQL.(Bisa baca lebih lanjut di https://slims.web.id atau disini.

Image slider adalah tempat pada web yang dimana gambarnya akan berubah bentuk seperti slide di power point. Berikut Cara Mengganti Gambar Pada Image Slider di Slims 9 ada di bawah ini.

slims9-bulia
Untuk mengubah maka langkahnya berikut ini:
1. cari folder yang menampung file images untuk image slider biasanya di httpd \ htdocs \ bulian \ template \ default \ assets \ images 
2. copy atau pindahkan foto yang ingin di tampilkan di ilmage slider ke folder tersebut
cara-mengganti-gambar-slider-slims91

cara-mengganti-gambar-slider-slims92
cara-mengganti-gambar-slider-slims93



3. ubah nama file agar tidak terlalu panjang, ini saya namakan gambar menjadi 1.jpg, 2.jpg, dan 3.jpg
cara-mengganti-gambar-slider-slims94

4. edit file yang terletak di httpd \ htdocs \ bulian \ template \ default \ assets \ js  dengan nama file "vegas.js.php"

cara-mengganti-gambar-slider-slims95




5. edit dengan aplikasi pengedit anda pada bagian yang ditandai sesuai dengan nama yang kamu ubah pada nomor 3.
cara-mengganti-gambar-slider-slims96
menjadi

cara-mengganti-gambar-slider-slims97




6. Selanjutnya ubah di bagian css di \ httpd \ htdocs \ bulian \ template \ default \ assets \ css \ pada file style.css.
cara-mengganti-gambar-slider-slims98

7. Ubah slide1.jpg dengan gambar slide pertama yang dibuat pada nomor 3.
 
cara-mengganti-gambar-slider-slims99

8. kemudian simpan dan coba refres kembali pada browser yang mengakses slims, maka tampilan image slider akan berubah.
cara-mengganti-gambar-slider-slims910


Disini saya menggunkan aplikasi pengedit seperti notepad dan notepad++ jadi maaf agak sulit menentukan file untuk cepet terlihat tidak seperti aplikasi edit web. 


Tentang Slims 9 Bulian Bica Baca:
- Penginstalan Slims 9 Bulian di Linux Mint dengan Xampp 7.4.30-1

Tag : Setting Gambar Manual Slims 9 via Coding, Mengubah Tampilan Layar Slider Pada Slims 9

Postingan populer dari blog ini

Penggunaan Rumus di Libre Office Writer

Libre Office Writer merupakan salah satu paket dari Libre Office yang merupakan aplikasi yang digunakan untuk pengetikan tulisan secara digital seperti layaknya menggunakan aplikasi Microsoft Word. Aplikasi ini disajikan gratis untuk Windows, MacOS, dan Linux. Selain sebagai aplikasi pengolah kata, Libre Office writer juga dapat mengolah angka walau tidak sepenuhnya seperti saudaranya yaitu Libre Office Calc.  Pertama membuat table dengan angka, dan kolom paling kanan akan diisi menggunakan rumus. Kedua kita akan menghitung ketiga kolom tersebut menggunakan rumus =sum. Pertama tekan tombol "=" lalu diatas akan muncul menu perhitungan seperti di bawah ini.  Ketiga masukan rumus "SUM" seperti di bawah ini. Dan hasilnya sepeti ini. Untuk daftar rumus yang pernah dicoba: =sum(<A1><C1>) =<B2>/<C2> =10*100 =INT(<B4>/<C4>) Hsilnya seperti ini: Note: sebelumnya saya juga pernah menggunakan rumus average dan ternyata bisa.  Penggunaan rumu...

Berbagi Jaringan Menggunakan Bluethoot dari Ponsel ke Laptop

Kemajuan teknologi saat ini, internet menjadi kebutuhan mendasar bagi banyak orang. Namun, biaya internet yang tinggi menjadi hambatan bagi banyak individu untuk memperoleh akses yang stabil. Solusinya adalah dengan berbagi jaringan internet dengan teman dan tetangga Anda. Selain biaya internet yang lebih murah, Anda dapat memperkuat hubungan sosial Anda di lingkungan sekitar. Dalam berbagi jaringan dari ponsel ke laptop biasanya lebih mudah menggunakan Hotspot, selain itu juga dapat menggunakan jaringan bluethoot. Pertama buka pengaturan pilih hotspot & berbagi jaringan. Kedua hidupkan penambatan Bluethooth. Ketiga telusuri menu bar dibawah untuk menemukan icon bluethoot kemudian pilih join personal network. Kelima pilih ponsel yang mau hubungkan, kemudian pilih access point. Setelah diklik maka akan muncul gambar di bawah ini. Untuk tampilan seperti itu saya menggunakan ponsel merek techno spark 20 dan menggunakan windows 10 untuk saling terhubung berbagi jaringan. Mungkin ada pe...