💡 ULASAN & REFERENSI • DIPERBARUI: 23 October 2026 • REDAKSI AZWINN

Cara Edit File SHTML di cPanel dengan File Manager

Cara paling cepat dan efisien untuk mengedit file SHTML (.shtml) di cPanel adalah menggunakan fitur File Manager bawaan hosting. SHTML adalah format file HTML yang mendukung Server Side Includes (SSI), yang sering digunakan untuk menyertakan elemen modular seperti header atau footer pada banyak halaman web sekaligus.

Melalui antarmuka cPanel, Anda tidak perlu repot mengunduh file menggunakan FTP client, melakukan penyuntingan di komputer lokal, lalu mengunggahnya kembali. Anda bisa langsung membuka, mengubah kode, dan menyimpannya secara real-time langsung di server.

Langkah-Langkah Teknis Edit SHTML di cPanel

Ikuti tahapan sistematis berikut untuk mengakses dan menyunting file SHTML Anda:

  1. Login ke akun cPanel Anda melalui namadomain.com/cpanel atau melalui member area penyedia hosting Anda.
  2. Gulir ke bawah (scroll) hingga menemukan bagian Files, lalu klik ikon File Manager.
  3. Di jendela File Manager, arahkan navigasi ke direktori penyimpanan website Anda. Secara default, file publik berada di dalam folder public_html.
  4. Cari file berformat .shtml yang ingin Anda ubah (misalnya index.shtml atau header.shtml).
  5. Klik kanan pada file tersebut, lalu pilih Edit atau Code Edit dari menu pop-up.
  6. Sebuah jendela peringatan pengkodean karakter (encoding) akan muncul. Klik tombol Edit untuk melanjutkan ke editor teks.
  7. Lakukan perubahan kode HTML atau sintaks SSI di dalam editor tersebut. Pastikan tidak ada tag yang rusak agar fungsi server side includes tetap berjalan normal.
  8. Klik tombol Save Changes di pojok kanan atas untuk menyimpan file, lalu klik Close.

Tabel Perbandingan Metode Edit File Website di cPanel

Metode Kecepatan Tingkat Kesulitan Kebutuhan Software Tambahan
cPanel File Manager (Code Editor) Sangat Cepat Pemula - Menengah Tidak ada (hanya browser)
FTP Client (FileZilla + Editor Lokal) Sedang Menengah FileZilla & Notepad++/VS Code
SSH / Terminal (Nano / Vim) Cepat Mahir SSH Client (Putty / Terminal)

Contoh Sintaks Dasar SHTML (Server Side Includes)

File SHTML memproses perintah server sebelum dikirimkan ke peramban pengguna. Berikut adalah contoh kode sintaks SSI standar yang biasa disematkan di dalam file SHTML:

<!--#include virtual="/header.html" -->
<main>
    <h1>Selamat Datang di Situs Kami</h1>
    <p>Konten utama halaman web Anda berada di sini.</p>
</main>
<!--#include virtual="/footer.html" -->

Troubleshooting & Tips Lapangan

Jika setelah melakukan pengeditan halaman SHTML Anda tidak menampilkan perubahan atau justru menampilkan teks mentah SSI, periksa beberapa hal berikut:

  • Ekstensi File: Pastikan file Anda benar-benar berakhiran .shtml, bukan .html. Server web (seperti Apache) biasanya tidak memproses SSI pada file berformat HTML murni kecuali dikonfigurasi khusus di arquivo .htaccess.
  • Izin Akses (Permissions): Pastikan permission file SHTML Anda diatur ke 644 agar dapat dibaca oleh server dengan aman.
  • Cache Browser: Bersihkan cache peramban (browser cache) atau lakukan hard refresh (Ctrl + F5) pada halaman web Anda untuk melihat hasil perubahan terbaru.

🔍 Orang Lain Juga Mencari Ini