Template SLiMS 9.4.1 Jurnal Logo, Mengubah Logo Jurnal dan Mengubah Link Jurnal Season 2
Tutorial berikut merupakan kelanjutan dari Template SLiMS 9.4.1 Jurnal Logo. Template SLiMS 9.4.1 yang menampilkan deretan logo - logo jurnal. Deretan juranl logo begerak gerak otomatis. yang belum download dan belum install, Jadi baca dulu artikel sebelum nya.
Bawaan template sudah saya buat 22 logo jurnal. Tentu nya ada yang ingin menambah jurnal logo , ada yang ingin mengurangi jumlah logo, bahkan ada yang ingin mengubah jurnal logo yang tidak sesuai dengan karakter universitas 😌.
Konsep , Ketahui Konsep nya Biar Faham
Letak File Gambar Logo dan Nama FIle Gambar Logo
Sebelum utak atik pahami konsep nya. Letak file gambar logo , letak file gambar logo ada di D:\xampp\htdocs\slims941\template\jurnallogo\assets\images\logo-jurnal
Nama file nya dingat ingat dan pastikan png atau jpg. Ideal nya ukuran logo 200 x 68 pixel
Letak File Source Code _logo_jurnal.php
File source code yang menampilkan deretan logo jurnal adalah _logo_jurnal.php yang ada di D:\xampp\htdocs\slims941\template\jurnallogo\parts.
Nanti nya anda harus memahami tag HTML , ikuti saja tutorial ini dengan teliti pasti bisa
Ayo Kita Ubah
1. Silahkan siapkan gambar logo yang akan anda pasang. Letakan gambar di D:\xampp\htdocs\slims941\template\jurnallogo\assets\images\logo-jurnal
Misal pada logo saya exsploratorium.png
2. Edit code _logo_jurnal.php yang ada di D:\xampp\htdocs\slims941\template\jurnallogo\parts. menggunakan Visual Studio Code atau SublimeText
3. Pahami code nya nanti anda akan menemukan semacam pola kode seperti berikut
Anchorlink / Hiperlink , tag ini digunakan untuk link jurnal , silahkan ganti # dengan alamat / link jurnal nya
misal link e-resources saya https://www.exploratorium.edu/
Image , tag ini digunakan untuk menampilkan gambar , anda harus mengetikan tepat nama file beserta ekstensi nya apakah jpg atau png
misal gambar yang saya pakai exsploratorium.png , maka code nya menjadi seperti ini
4. Simpan hasil kerja anda
5. Lihat hasil nya di OPAC SLiMS , reload browser. Oke berhasil mengubah satu logo beserta link nya. Logo Exploratorium dan link sudah muncul , apabila logo saya klik maka akan menuju ke https://www.exploratorium.edu/ sebuah portak sains kesukaan saya 😎. selesai kalau mau lanjut baca juga tutorial selanjut nya
Bagaimana cara menambah atau menghapus logo ?
Sepaket logo dan link berada pada kode seperti berikut , jadi hapus barisan code tersebut untuk menghapus logo nya. Atau copas barisan code tersebut jika inigin menambah logo baru beserta link nya
Mudah kan 😋
Daftar Pustaka
1. Sumber gambar Photo oleh Ivan Bottigelli on Unsplash , diakses pada 28 April 2021 , 5:49 AM
2. The External Resource Link Element - Mozilla Developer Network element , 28 April 2021 , 5:52 AM