Cara Edit File Shtml di cPanel Paling Mudah dan Cepat

Cara edit file SHTML di cPanel dapat dilakukan dengan cepat menggunakan fitur File Manager bawaan hosting. SHTML adalah ekstensi file yang mendukung Server Side Includes (SSI), yang sering digunakan untuk menyisipkan header, footer, atau elemen umum lainnya ke dalam beberapa halaman web statis sekaligus.

Untuk mulai mengedit file SHTML secara langsung melalui panel kontrol hosting Anda, pastikan Anda memiliki akses login ke akun cPanel, mengetahui direktori letak file website Anda (biasanya di dalam folder public_html), dan menggunakan editor teks bawaan seperti Code Editor atau Edit.

Langkah-Langkah Mengedit File SHTML di cPanel

  1. Login ke akun cPanel Anda melalui domain Anda (contoh: namadomain.com/cpanel atau melalui member area penyedia hosting).
  2. Gulir ke bawah hingga menemukan bagian Files, lalu klik ikon File Manager.
  3. Di jendela File Manager, arahkan navigasi ke direktori tempat file website Anda berada, umumnya terletak di dalam folder public_html.
  4. Cari file berformat .shtml yang ingin Anda ubah (misalnya index.shtml atau footer.shtml).
  5. Klik kanan pada file tersebut, lalu pilih Edit atau Code Edit. Jendela pop-up peringatan karakter encoding akan muncul, klik saja Edit untuk melanjutkan.
  6. Lakukan perubahan atau penulisan kode HTML/SSI yang diperlukan pada editor teks tersebut.
  7. Setelah selesai, klik tombol Save Changes di pojok kanan atas editor, lalu tutup tab editor.

Tabel Perbandingan Metode Edit File Website di cPanel

Metode Edit Tingkat Kesulitan Kecepatan Kebutuhan Software
File Manager cPanel Sangat Mudah Cepat (Langsung online) Browser web saja
FTP Client (FileZilla) Sedang Sedang (Download-Edit-Upload) Aplikasi FTP & Text Editor
SSH / Terminal Mahir Sangat Cepat Client SSH (PuTTY/Terminal)

Contoh Sintaks Dasar Server Side Includes (SSI) pada File SHTML

File SHTML memproses perintah server sebelum dikirimkan ke peramban pengunjung. Berikut adalah contoh sintaks dasar untuk menyertakan file eksternal seperti menu navigasi atau footer ke dalam file SHTML:

<!--#include virtual="/header.html" -->
<main>
    <h1>Selamat Datang di Website Kami</h1>
    <p>Halaman ini menggunakan format SHTML dengan SSI.</p>
</main>
<!--#include virtual="/footer.html" -->

Troubleshooting dan Tips Lapangan

Jika setelah melakukan edit file SHTML perubahan tidak kunjung tampil di browser, lakukan beberapa langkah pengecekan berikut:

  • Clear Browser Cache: Tekan kombinasi tombol Ctrl + F5 di browser Anda untuk memuat ulang halaman secara paksa tanpa cache lama.
  • Periksa Handler Apache: Pastikan server web Anda mengizinkan parsing SSI untuk ekstensi file .shtml. Anda dapat memeriksanya melalui menu Apache Handlers di cPanel.
  • Kesalahan Penulisan Sintaks: Pastikan tag komentar SSI seperti &เตเดฒเดพ--#include... ditulis dengan benar tanpa ada kesalahan karakter spasi atau tanda kutip.