Mengedit kode SHTML (Server Side Includes) memerlukan pemahaman dasar mengenai sintaks arahan HTML yang diproses oleh server web sebelum dikirimkan ke peramban pengguna. Berbeda dengan HTML biasa yang statis, file SHTML memungkinkan penyisipan file eksternal seperti navigasi header, footer, atau tanggal modifikasi secara dinamis menggunakan direktif khusus seperti #include atau #echo.
Untuk melakukan pengeditan, Anda memerlukan akses ke direktori server hosting melalui File Transfer Protocol (FTP), File Manager cPanel, atau editor teks berbasis teks murni (seperti Visual Studio Code, Notepad++, atau Sublime Text). File SHTML tidak dapat diproses secara lokal dengan mengklik dua kali membukanya di browser, melainkan harus dijalankan melalui server web yang mengaktifkan modul SHTML (seperti mod_include pada Apache).
Langkah-Langkah Teknis Mengedit File SHTML
- Akses Server Hosting: Masuk ke akun cPanel hosting Anda, lalu buka menu File Manager atau hubungkan editor lokal menggunakan klien FTP (FileZilla).
- Temukan Berkas SHTML: Arahkan direktori ke folder publik website Anda (biasanya
public_html) dan cari file dengan ekstensi.shtmlatau.shtm. - Buka Mode Edit: Klik kanan pada file tersebut dan pilih opsi Edit atau Code Editor. Jika menggunakan editor lokal, unduh file tersebut terlebih dahulu.
- Ubah Kode SHTML: Masukkan atau perbarui sintaks SSI yang diinginkan. Contoh umum penyisipan file navigasi:
<!--#include virtual="/header.shtml" --> - Simpan dan Uji Coba: Simpan perubahan file, lalu buka halaman web tersebut melalui peramban untuk memastikan bahwa arahan server diterjemahkan dengan benar dan tidak menghasilkan error 500 (Internal Server Error).
Tabel Referensi Sintaks Dasar Server Side Includes (SSI)
| Arahan SSI | Sintaks Kode | Fungsi Utama |
|---|---|---|
| Include Virtual | <!--#include virtual="path/file.html" --> | Menyisipkan file berdasarkan jalur relatif dari root server web. |
| Include File | <!--#include file="filename.html" --> | Menyisipkan file berdasarkan jalur relatif dari direktori file saat ini. |
| Echo Variabel | <!--#echo var="DATE_LOCAL" --> | Menampilkan variabel lingkungan server, seperti tanggal atau alamat IP. |
| Flastmod | <!--#flastmod file="index.html" --> | Menampilkan tanggal dan waktu terakhir file tersebut dimodifikasi. |
| Fsize | <!--#fsize file="document.pdf" --> | Menampilkan ukuran file tertentu secara otomatis. |
Konfigurasi Server Apache untuk File SHTML
Jika server web Anda belum memproses kode SHTML dan hanya menampilkan teks mentah atau error, pastikan modul mod_include telah diaktifkan pada konfigurasi server Apache Anda. Pada server Apache, Anda dapat menambahkan baris berikut ke dalam file .htaccess di direktori root situs web:
AddType text/html .shtml
AddHandler server-parsed .shtml
Options +IncludesPastikan juga tidak ada kesalahan pengetikan pada tanda kutip atau spasi di dalam tag komentar SHTML (<!--#... -->), karena kesalahan kecil pada sintaks dapat menyebabkan server gagal memproses halaman dan memicu gangguan akses bagi pengunjung.