Rabu, 28 April 2021

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

<div class='item'>
    <a href='#'>
        <img src='<?php echo assets('images/logo-jurnal/img0.png'); ?>' alt='logo-jurnal-brand' class='img-responsive logo-jurnal-item'>
    </a>
</div>

Anchorlink / Hiperlink , tag ini digunakan untuk link jurnal , silahkan ganti # dengan alamat / link jurnal nya 

    <a href='#'>

misal link e-resources saya https://www.exploratorium.edu/ 

    <a href='https://www.exploratorium.edu/'>

Image , tag ini digunakan untuk menampilkan gambar , anda harus mengetikan tepat nama file beserta ekstensi nya apakah jpg atau png 

<img src='<?php echo assets('images/logo-jurnal/img0.png'); ?>

misal gambar yang saya pakai exsploratorium.png , maka code nya menjadi seperti ini

<img src='<?php echo assets('images/logo-jurnal/exsploratorium.png'); ?>'

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 

<div class='item'>
    <a href='https://www.exploratorium.edu/'>
        <img src='<?php echo assets('images/logo-jurnal/exsploratorium.png'); ?>' alt='logo-jurnal-brand' class='img-responsive logo-jurnal-item'>
    </a>
</div>

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

Lokasi: Kudus, Kec. Kota Kudus, Kabupaten Kudus, Jawa Tengah, Indonesia

0 komentar:

Posting Komentar

Silahkan tinggalkan komentar , kritik , & saran

Cari Artikel

Artikel Terbaru , Baca aja

Arsip Blog

Menyenangkan