Cara Mengubah Tampilan dan Menambahkan Gambar Pada Web Server Apache di UBUNTU Server 20.04 LTS

Pada artikel kali ini saya akan memberikan tutorial mengubah tampilan web server Apache2 dan menambahkan gambar pada web server Apache2.

A. Mengubah Tampilan Web Server Apache2

Langkah 1- Membuat direktori untuk domain kita masing masing dengan menggunakan syntax seperti berikut ini

Pada gambar di atas domain saya, saya beri nama belajar_bareng

Langkah 2- Menentukan kepemilikan direktori dengan variabel lingkungan $USER , menggunakan syntax berikut ini

Langkah 3- Memberikan izin atau akses ke user, group, dan everyone dengan kode 775 yang berarti 7 yang pertama untuk user agar dapat membaca, menulis, serta mengeksekusi sesuatu dalam direktori tersebut, 7 yang kedua untuk group agar dapat membaca, menulis, serta mengeksekusi, 5 untuk everyone agar hanya dapat membaca dan mengeksekusi sesuatu dalam direktori tersebut. Berikut ini penulisan syntaxnya

Langkah 4- Buat laman index.html dengan menggunakan text editor kesukan kalian masing masing, disini saya menggunakan text editor nano. Berikut penulisan syntaxnya

Default laman index.html itu kosong jadi kita modifikasi sesuai keinginan masing-masing. Contoh modifikasinya seperti seperti berikut

 Langkah 5- Agar Apache menampilkan perubahan tersebut, kita perlu menciptakan berkas host virtual dengan arahan yang benar. Berikut ini penulisan syntaxnya 

Setelah itu samakan konfigurasinya dengan gambar dibawah ini, tetapi nama domain dan direktori sesuai punya kalian masing-masing

Selanjutnya kita aktifkan berkas konfigurasi tersebut dengan syntax berikut ini

Lalu kita reload apache karen memperbarui konfigurasi dalam apache.

Setelah itu kita nonaktifkan konfigurasi sebelum ini atau konfigurasi defaultnya dengan syntax berikut ini

Selanjutnya kita configtest untuk melihat apakah ada kesalahan, berikut penulisan syntaxnya

Jika pada output configtest terdapat tulisan "Syntax OK" maka tidak ada kesalahan dalam konfigurasi.

Selanjutnya setelah semua itu kita restart Apache2.

Langkah 6- Melakukan pengecekan web server Apache2 yang telah kita modifikasi tadi dengan mensearch alamat IP Server masing masing

B. Menambahkan Gambar di  Web Server Apache2

Langkah 1- Link gambar yang ingin di tambahkan, contoh disini saya mengambil gambar dari internet : https://i.kym-cdn.com/entries/icons/mobile/000/009/803/spongebob-squarepants-patrick-spongebob-patrick-star-background-225039.jpg

Langkah 2- Menambahkan link gambar tersebut kedalam laman index.html dengan syntax berikut ini

Pada tulisan "link-contoh-gambar.jpg" di ganti link gambar yang sudah di siapkan seperti gambar di bawah ini (saya melakukan konfigurasi ini melalui remote SSH agar bisa melakukan copy dan paste link gambarnya😁)

Setelah itu keluar dari laman index.html lalu kita reload Apache2.

Langkah 3- Melakukan pengecekan apakah konfigurasinya berhasil dengan kita search alamat IP Server masing-masing

Jika sudah berhasil maka tampilannya seperti gambar di atas.

Nah sekian artikel kali ini, silahkan dicoba semoga dapat membantu dan bermanfaat. TERIMA KASIH😄