{"id":4943,"date":"2017-04-25T06:35:32","date_gmt":"2017-04-25T06:35:32","guid":{"rendered":"https:\/\/blog.hostinger.io\/tutorial\/?p=4943"},"modified":"2025-01-08T15:49:55","modified_gmt":"2025-01-08T08:49:55","slug":"cara-mengganti-file-index-dengan-htaccess","status":"publish","type":"post","link":"\/id\/tutorial\/cara-mengganti-file-index-dengan-htaccess","title":{"rendered":"Cara mengganti file index dengan .htaccess"},"content":{"rendered":"<h2 class=\"wp-block-heading\" id=\"h-pengenalan\">Pengenalan<\/h2><p>.htaccess adalah file konfigurasi yang digunakan di web server berbasis software Apache Web Server. Server biasanya mencari file dengan nama tertentu untuk ditampilkan sebagai halaman utama website Anda, sering disebut dengan halaman index. Contohnya, jika Anda mencari www.contoh.com\/about, maka web server akan mencari file bernama <code>index.html<\/code> di folder <code>about<\/code> pada website Anda. Jika ada, maka server akan menyajikan konten halaman tersebut ke browser Anda. Jika Anda mengganti nama file index, maka akun akan mencari dengan rule <code>directoryindex<\/code> di file <code>.htaccess<\/code> Anda.<\/p><h2 class=\"wp-block-heading\" id=\"h-yang-anda-butuhkan\">Yang Anda butuhkan<\/h2><p>Sebelum memulai, yang Anda butuhkan adalah:<\/p><ul class=\"wp-block-list\">\n<li>Akses ke control panel hosting atau FTP<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-langkah-1-menemukan-membuat-dan-mengakses-file-htaccess\">Langkah 1 &ndash; Menemukan\/membuat dan mengakses file .htaccess<\/h2><p>Hal pertama yang perlu Anda lakukan adalah mencari atau membuat file .htaccess. Ini bisa dilakukan melalui menu <strong>File Manager<\/strong> di control panel akun hosting Anda atau dengan menggunakan aplikasi FTP seperti FileZilla. Dalam tutorial ini, kita akan menggunakan <strong>File Manager<\/strong> Hostinger.<\/p><p>Ikuti instruksi di bawah ini:<\/p><ol class=\"wp-block-list\">\n<li>Buka hPanel dan navigasi ke hosting dashboard website Anda. Lalu, cari dan klik <strong>File Manager<\/strong> di menu sidebar.  <\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"298\" height=\"333\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-sidebar-id.png\/public\" alt=\"Menu File Manager di hPanel\" class=\"wp-image-30480\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-sidebar-id.png\/w=298,fit=scale-down 298w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-sidebar-id.png\/w=268,fit=scale-down 268w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-sidebar-id.png\/w=134,fit=scale-down 134w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Pilih <strong>Akses file website <\/strong>Anda untuk masuk ke <strong>File Manager<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"183\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-id.png\/public\" alt=\"Menu Akses file website di halaman File Manager hPanel\" class=\"wp-image-30486\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-id.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-id.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-id.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-id.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Cari file <strong>.htaccess<\/strong> dan klik-kanan untuk memilih <strong>Edit <\/strong>pada dropdown menu. Jika belum ada, maka buatlah file yang baru dengan klik <strong>New file <\/strong>di menu sebelah kiri. Beri nama <strong>.htaccess<\/strong> dan tekan <strong>Create<\/strong>. <\/li>\n<\/ol><figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-newfile-htaccess-id.png\/public\" alt=\"Membuat file .htaccess baru di File Manager hPanel\" class=\"wp-image-30492\" width=\"840\" height=\"364\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-newfile-htaccess-id.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-newfile-htaccess-id.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-newfile-htaccess-id.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-files-filemanager-newfile-htaccess-id.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure><h2 class=\"wp-block-heading\" id=\"h-langkah-2-meng-edit-file-htaccess\">Langkah 2 &ndash; Meng-edit file .htaccess<\/h2><p>Setelah Anda membuat atau meng-edit file .htaccess Anda, paste kode berikut ini di bagian paling atas untuk mengatur halaman index yang Anda inginkan.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">DirectoryIndex example.html<\/pre><p>Pada contoh di bawah ini, kami menggunakan halaman <strong>first.html<\/strong> sebagai halaman index untuk folder. Artinya, kode di file <strong>.htaccess<\/strong> akan menjadi:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">DirectoryIndex first.html<\/pre><p>Anda juga bisa membuat lebih dari satu file di konfigurasi. File index yang Anda tentukan akan dibaca dan diperiksa dari kiri ke kanan. Contohnya, kami menambahkan <strong>index.html, index.html <\/strong>dan<strong> index.php.<\/strong> Pertama, server akan memeriksa apakah ada file <strong>`first.html`<\/strong> atau tidak. Jika tidak ada, maka akan lanjut memeriksa file <strong>index.htm<\/strong>, dst.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">DirectoryIndex first.html index.htm index.html index.php<\/pre><p>Anda juga bisa memvariasikan penggunaannya. Misalnya, jika Anda ingin membuat halaman sementara apabila mungkin website Anda error. Contohnya:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">DirectoryIndex index.php page-down.php<\/pre><p>Saat menggunakan konfigurasi ini, browser pertama kali akan mencari file <strong>index.php<\/strong>. Jika tidak bisa diakses, file yang akan di-load adalah <strong>page-down.php<\/strong>. <\/p><p>Setelah kode ditambahkan, klik simbol <strong>Save<\/strong>  di sebelah kanan atas untuk menyimpan perubahan.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1121\" height=\"643\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2017\/04\/hpanel-files-filemanager-newfile-htaccess-edit-id.png\/public\" alt=\"Meng-edit file .htaccess\" class=\"wp-image-30497\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2017\/04\/hpanel-files-filemanager-newfile-htaccess-edit-id.png\/w=1121,fit=scale-down 1121w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2017\/04\/hpanel-files-filemanager-newfile-htaccess-edit-id.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2017\/04\/hpanel-files-filemanager-newfile-htaccess-edit-id.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2017\/04\/hpanel-files-filemanager-newfile-htaccess-edit-id.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2017\/04\/hpanel-files-filemanager-newfile-htaccess-edit-id.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1121px) 100vw, 1121px\" \/><\/figure><p>Selamat! Anda sudah berhasil mengganti halaman index default dengan memodifikasi file <strong>.htaccess.<\/strong><\/p><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p>Dalam tutorial ini kita telah belajar bagaimana cara mengganti halaman utama pada website Anda dengan menggunakan .htaccess. Kita juga telah mempelajari beberapa tips yang bisa bermanfaat bagi developer. Jika Anda membagikan tips unik kepada kami, bagikan kepada kami di kolom komentar di bawah ini.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pengenalan .htaccess adalah file konfigurasi yang digunakan di web server berbasis software Apache Web Server. Server biasanya mencari file dengan nama tertentu untuk ditampilkan sebagai halaman utama website Anda, sering disebut dengan halaman index. Contohnya, jika Anda mencari www.contoh.com\/about, maka web server akan mencari file bernama index.html di folder about pada website Anda. Jika ada, [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/cara-mengganti-file-index-dengan-htaccess\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":55,"featured_media":4944,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"","rank_math_description":"Bila Anda memiliki beberapa file index, Anda bisa menentukan file index yang ingin Anda gunakan melalui modifikasi file htaccess. Ikuti panduan ini.","rank_math_focus_keyword":"htaccess index","footnotes":""},"categories":[4983],"tags":[],"class_list":["post-4943","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/change-index-page-in-htaccess-with-directoryindex","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/changer-page-accueil-htaccess","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-mengganti-file-index-dengan-htaccess","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/change-index-page-in-htaccess-with-directoryindex","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/change-index-page-in-htaccess-with-directoryindex","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/change-index-page-in-htaccess-with-directoryindex","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/change-index-page-in-htaccess-with-directoryindex","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/change-index-page-in-htaccess-with-directoryindex","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/change-index-page-in-htaccess-with-directoryindex","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/change-index-page-in-htaccess-with-directoryindex","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/4943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=4943"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/4943\/revisions"}],"predecessor-version":[{"id":30503,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/4943\/revisions\/30503"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media\/4944"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=4943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=4943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=4943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}