Langsung ke konten utama

slideshow foto di senayan

ini yang pertama :D. dua tulisan berikut diambil dari hasil ngoprek seharian dalam rangka mempercantik tampilan SLiMS yang kita gunakan. eh...bukan dua dinq, tapi satu. yang kedua kegunaannya bisa dipake untuk mempercantik SLiMS jugak, tapi sifatnya umum yach :).

baik...yang pertama. adalah bagaimana menambahkan slideshow foto pada SLiMS sebagaimana yang terlihat pada tautan ini, http://203.142.65.118/perpustakaan/index.php. setelah cari sana-sini, bingung dengan banyaknya metode, dan akhirnya tanya ke plurk, dan memang saiah mendapatkan jawaban yang memuaskan dari sana. solusinya merupakan rekomendasi serta bimbingan dari ucrit dan mas purwoko dengan menggunakan tautan yang ada di sini.

setelah agak lama memahami alur kerjanya, maklum saiah bolot dalam hal pemrograman (atau memang ngga' bisa dari sononya :D), akhirnya oleh mas purwoko saiah diarahkan untuk mengunduh data ini. dari data yang diunduh tadi, kita akan mendapatkan 2 buah data dan 1 buah direktori. 1 data merupakan data berkestensi .js, sedangkan yang satunya adalah .html. sedangkan direktorinya berisi gambar2 rujukan.

okeh, ini diya caranya. kopikan data jquery.js ke dalam direktori js di dalam distribusi SLiMS yang anda gunakan. setelah itu, anda buka data index.html yang isinya seperti ini,

http://paste.plurk.com/show/275286

kopikan bagian yang pertama, yaitu

http://paste.plurk.com/show/275287

ke dalam data style.css yang ada di dalam direktori template yang akan kita tambahkan slideshow foto. dalam hal ini, saiah akan menambahkan bagian tersebut ke dalam data style.css di dalam direktori template/default.

selesai bagian yang pertama, kita lanjut bagian yang kedua. kopikan bagian ini

http://paste.plurk.com/show/275288

ke dalam data index_template.inc.php yang ada di dalam direktori template/default. tambahkan pada bagian yang ingin anda liat si slideshow foto itu tampil. kalo saiah pengennya dia muncul sebelum mainContent, setelah infoBox. dan jadinya seperti ini



okeh, dengan komposisi seperti itu, berarti isi dari data index_template.inc.php di dalam template/default saiah adalah seperti ini

http://paste.plurk.com/show/275293

jangan lupa, sunting pada bagian ini, , untuk menselaraskan tempat dimana kita menyimpan data jquery.js tadi. untuk kasus saiah, karena saiah menyimpannya di dalam direktori js, jadi pemunculannya adalah seperti di atas.

atur dengan baik tempat anda menyimpan gambar. entah kenapa, kalo gambar saiah tempatkan di dalam direktori template/default/media, walopun jalurnya telah disesuaikan itu gambar ngga' mau muncul. walhasil, semua gambar yang akan saiah gunakan pada slideshow tersebut saiah letakkan di direktori utama (dalam hal ini saiah menamakannya dev_test. sebagian besar mungkin menamakannya senayan3-stable**). saiah memberi nama direktori untuk menyimpan gambarnya dengan nama slideshow, seperti yang terlihat di sini

http://paste.plurk.com/show/275294

apalagi? kalo ngga' ada aral melintang, seharusnya dengan setelan yang sudah saiah tuliskan di atas, slideshow sudah bisa dinikmati seperti gambar yang tercantum :). mangga, silahkan dicoba. semoga sukses untuk mempercantik tampilan SLiMSnya ;).

Label

Label:

Komentar

evran mengatakan…
Akan bagus sekali bila senayan punya template bawaaan dengan slideshow seperti ini.
5:38 PM
Arif Syamsudin Budi Wahyudi mengatakan…
@evran, hemat saiah sich tergantung kebutuhan masing2 mas. karena belum tentu semua perpustakaan nyaman dengan bentuk template seperti itu :). makasih buat masukkannya mas.
12:01 AM
Posting Komentar

Postingan populer dari blog ini

Tampilan Terbagi ~ Notepad++

logo notepad++ (sumber wikipedia) Mesti dah pada paham lah, apa itu notepad++ . Ya? Pemahaman sederhana saya, notepad++ merupakan salah satu perangkat penyunting teks yang digunakan, utamanya, untuk menyunting berkas  pemrograman. Tentunya, lingkungan yang digunakan adalah lingkungan sistem operasi MS-Windows. Bisa saja digunakan untuk menyunting hal lain. Atau bahkan membuat berkas teks mandiri guna keperluan selain dari penulisan bahasa pemrograman. Saya ngga' akan menjelaskan panjang lebar tentang apa dan bagaimana aplikasi ini. Yang ingin saya tuliskan di sini hanya, bagaimana membuat tampilan terbagi ( split view ) pada notepad++. Apa guna? Bagi saya, untuk membandingkan isi dari satu skrip (pemrograman) dengan skrip yang lain. Fungsi ini saya perlukan disaat saya ingin melihat perubahan dari skrip yang saya susun (namun memiliki kutu) dengan skrip hasil perbaikan kawan saya. Mari kita mulai dengan gambar pertama. Di bagian ini, kita buka berkas yang ingin kita su...
3 komentar
Baca selengkapnya

Portable SLiMS 9 Bulian: How to increase file size to upload large size attachment

Gambarnya pakek gambar lama yak 😆 Bukan bahas XAMPP koq, ini mau bahas SLiMS Portabel. Ternyata, belom banyak yang bahas bagaimana caranya meningkatkan kapasitas unggah lampiran pada SLiMS Portabel. Jadi begini, belakangan muncul pertanyaan-pertanyaan cara nambahin kapasitas berkas lampiran yang bisa diunggah kalo menggunakan SLiMS Portabel. Lho, ini jadi pertanyaan baru, bukankah metodenya sama, seperti pengguna XAMPP? Yaitu dengan mengubah variabel upload_max_filesize  dan post_max_size   dalam berkas php.ini . Pada SLiMS Portabel (SLiMS 9 Bulian), berkas tersebut ada di dalam direktori httpd/php . Gambar berkas php.ini yang akan disunting Gambar variabel post_max_size Gambar variabel upload_max_filesize "Betul, Bang. Saya sudah merubah nilai pada kedua variabel. Di SLiMS hasil perubahannya juga udah keliatan. Tapi, begitu saya upload  berkas yang ukurannya besar, tetep gagal, bang. Nggak ada berkas yang ke- upload". Nah, saya jadi penasirun kenapa bisa begitu. Lho iya...
Posting Komentar
Baca selengkapnya

Working with CSV for Biblio Data Import : SLiMS Tip Part 1

Gaya-gayaan ya, mau nulis tentang beginian. Karena saya juga bingung, mau mulainya dari mana. Semuanya dimulai dari pertanyaan seorang kawan, sebetulnya sudah banyak yang mengajukan pertanyaan yang sama, tapi entah kenapa, rasa ketertarikan untuk mencari tahu lebih menggelora saat ini. Saking menggeloranya, ya itu tadi, bingung mau mulai dari mana. Dan pada akhirnya, saya putuskan untuk untuk menulisnya menjadi 2 (dua) bagian. Pada bagian pertama ini, saya akan menjelaskan, ada apa dengan berkas .csv, sekalipun berkas .csv tersebut dihasilkan oleh sub-menu Biblio Data Export dan telah disunting sesuai dengan kolom-kolom yang tersedia, namun hasil akhirnya tetap tidak bisa masuk dengan baik, ketika kita mengimpor data lewat sub-menu Biblio Data Import . Pada bagian kedua , saya akan menjelaskan tentang bagaimana melakukan proses penyimpanan data, langkah-langkah apa saja yang harus dilakukan supaya hasil akhir berkas .csv dapat diimpor dengan baik oleh SLiMS. Untuk tulisan ini, saya be...
Posting Komentar
Baca selengkapnya