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

Membongkar Teknologi Terbaru: Apa yang Harus Anda Tahu

  Teknologi terus berkembang dengan kecepatan yang mengejutkan. Setiap tahun, kami melihat perkembangan baru dalam teknologi yang terus mengubah cara kita hidup, bekerja dan bersosialisasi. Dari kecerdasan buatan hingga Internet of Things, teknologi telah menjadi bagian penting dalam kehidupan kita sehari-hari. Di dalam post ini, kami akan membahas teknologi terbaru dan berbagai tantangan yang muncul dalam mengadopsinya. Masa depan teknologi bergantung pada kesiapan kita. Apakah kita siap menghadapi dampak yang diberikan oleh teknologi terbaru? Apa yang harus dipersiapkan oleh individu dan organisasi untuk menyambut masa depan teknologi? Kecerdasan Buatan (Artificial Intelligence) Kecerdasan Buatan telah berkembang menjadi salah satu teknologi terdepan di industri modern. Dari aplikasi mobile hingga kendaraan otonom, AI memfasilitasi transformasi digital di seluruh dunia. Perkembangan AI dapat membantu meningkatkan efisiensi dan produktivitas dalam lingkungan bisnis. Namun, bagaimana j

Serba-Serbi Game Toram, RPG yang Wajib Dicoba

Game Toram Online merupakan game RPG yang cukup populer di kalangan penggemar game. Game ini menawarkan dunia fantasi yang luas dan beragam fitur menarik yang membuatnya wajib untuk dicoba. Simak ulasan lengkapnya berikut ini.

Reservasi Buku Pada Bucket Slims 9 Bulian

Slims 9  merupakan salah satu dari banyak aplikasi perpustakaan yang beredar di internet yang dapat di download secara gratis yang dapat dijalankan dengan menggunakan tambahan aplikasi seperti XAMPP/Ngix dll atau secara portabel. Pada kali ini saya sering melihat apa kegunaan dari tombol keranjang pada SLims 9 Bulian dan akhirnya saya menemukan cara untuk memesan menggunakan bucket. Awal dalam penggunaan menu ini saya gunakan tema default karena saya coba di tema yang lain bermasalah dalam masalah penandaan title buku. Saya gunakan tema default dalam mode pc dan ponsel. Untuk mengatifkannya bisa baca  Aktifkan Tema Default Slims 9 Bulian Untuk Tampilan Ponsel . Berikut merupakan cara Reservasi Buku Pada Bucket Slims 9 Bulian . Pertama untuk memulai reservasi pastikan telah mempunya anggota/member. Jika belum maka perlu dibuat member dengan klik Membership >> Add New Member.