Daftar Isi
Blog.VPNGAME.com — Cara Menambahkan Shortcut di Header Tema Argon. Bagi kalian pengguna OpenWRT dari reyre, mungkin kalian sudah tidak asing dengan shortcut pada header di OpenWRT tersebut. Namun jika kalian mengganti tema luci dengan tema lain, contohnya argon, shortcut pada header di OpenWRT kalian akan hilang. Untuk memunculkan shortcut tadi, kalian perlu mengedit file header pada tema argon kalian. Untuk penjelasan dan Langkah-langkahnya silahkan ikuti tutorial di bawah ini
Install Tema Argon di LuCi
Hal pertama yang perlu kalian lakukan adalah menginstal tema argon pada OpenWRT kalian. Untuk Langkah-langkahnya kalian bisa ikuti pada artikel sebelumnya.
Ekstrak Ikon Shortcut
Sebelum kalian memasang shortcut, kalian perlu ikon untuk shortcut kalian.
1. Pertama silahkan buka terminal lalu ketik perintah ini:
cd /www/luci-static/argon && wget https://github.com/noct99/blog.vpngame.com/raw/main/navbar.zip
2. Kemudian install unzip dengan perintah berikut:
opkg update && opkg install unzip
3. Lalu ketik perintah ekstrak berikut ini:
cd /www/luci-static/argon && unzip navbar
4. Selanjutnya buka File Explorer (TinyFM) lalu buka folder ini:
www/luci-static/argon
5. Lalu buka folder navbar.
6. Di dalam folder tersebut terdapat ikon dari shortcut yang akan kalian buat, kalian bisa tambah atau ganti ikon yang kalian inginkan.
Menambahkan Shortcut
Setelah menginstal dan memasang ikon shortcut tadi, kalian bisa tambahkan shortcut pada header tema argon kalian.
1. Pertama buka File Explorer, lalu buka folder ini:
/usr/lib/lua/luci/view/themes/argon
2. Lalu buka file header.htm.
3. Selanjutnya klik Advanced Editor.
4. Setelah menu editor terbuka, scroll ke baris ke <head>.
5. Kemudian paste text berikut ini di bawahnya:
<br> <div class="fill"> <header class="bg-logo"> <div class="container" align="center"> <tr> <td><a href='/cgi-bin/luci/admin/services/openclash'><img src="<%=media%>/navbar/clash.png" width="40" height="40"></a></td> <td><a href='/cgi-bin/luci/admin/system//filebrowser'><img src="<%=media%>/navbar/tinyfm.png" width="40" height="40"></a></td> <td><a href='/cgi-bin/luci/admin/status/netmon'><img src="<%=media%>/navbar/netmon.png" width="40" height="40"></a></td> <td><a href='http://192.168.1.1:9090/ui/yacd'><img src="<%=media%>/navbar/yacd.png" width="40" height="40"></a></td> </tr> </div> </div> </header>
6. Lalu klik Save.
7. Setelah itu buka tab baru, lalu buka LuCi. Maka akan muncul shortcut pada bagian atas LuCI kalian.
8. Untuk mengedit shortcut tadi kalian bisa ke file header.htm tadi.
9. Jika kalian ingin menghapus shortcut tertentu, silahkan hapus salah satu baris shortcut yang ingin kalian hilangkan.
10. Jika kalian ingin menambahkan shortcut, silahkan salin text di bawah ini:
<td><a href='URL'><img src="<%=media%>/navbar/IKON" width="40" height="40"></a></td>
11. Kemudian paste di bawah baris <tr>.
12. Lalu edit text tersebut, silahkan ganti “URL” dengan alamat dari menu yang ingin kalian buatkan shortcut. Contoh disini shortcut untuk Terminal. Maka alamat dari terminal akan disalin ke text tadi.
13. Untuk ikonnya, kalian bisa upload ke folder www/luci-static/argon/navbar.
14. Lalu ubah IKON dengan nama file ikon tadi.
15. Terakhir klik save untuk menyimpan perubahan.
16. Buka atau refresh LuCI kalian lalu cek perubahannya.
Done.
Sumber & Referensi
www.youtube.com/@indonesiantech/ (Reyre)
github.com/jerrykuku/luci-theme-argon