{"id":654,"date":"2022-01-24T10:11:04","date_gmt":"2022-01-24T10:11:04","guid":{"rendered":"https:\/\/blog.hostinger.io\/id\/support\/2022\/01\/24\/1583316-bagaimana-cara-menambahkan-form-login-ke-website-saya-di-hostinger\/"},"modified":"2022-01-24T10:11:04","modified_gmt":"2022-01-24T10:11:04","slug":"1583316-bagaimana-cara-menambahkan-form-login-ke-website-saya-di-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/id\/support\/1583316-bagaimana-cara-menambahkan-form-login-ke-website-saya-di-hostinger\/","title":{"rendered":"Bagaimana Cara Menambahkan Form Login ke Website Saya di Hostinger?"},"content":{"rendered":"<p class=\"no-margin\">Form Login bisa digunakan untuk mengetahui siapa saja yang mengunjungi website Anda. Pengunjung akan diminta memasukkan password untuk mengakses website atau bagian website lainnya.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Ada 3 cara untuk membuat login form untuk website:<\/p><ul>\n<li>\n<p class=\"no-margin\">Dengan <b><a href=\"#h_bfe492a0f9\" target=\"_blank\" class=\"intercom-content-link\">hPanel<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Menggunakan <b><a href=\"#h_5efd6cbc7a\" target=\"_blank\" class=\"intercom-content-link\">Plugin WordPress<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Dengan<b> <a href=\"#h_dd533566cc\" target=\"_blank\" class=\"intercom-content-link\">.htaccess<\/a><\/b><\/p>\n<\/li>\n<\/ul><h1 id=\"h_bfe492a0f9\">Opsi 1: hPanel<\/h1><p class=\"no-margin\">Cara yang paling mudah untuk membuat form login adalah dengan mengaktifkan fitur <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/1583470-how-can-i-password-protect-my-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Password Protect Directories<\/a><\/b> di hPanel.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Anda bisa melindungi website atau directory\/folder Anda tanpa harus mengubah kode tertentu&#128522;<\/p><hr><h1 id=\"h_5efd6cbc7a\">Opsi 2: Plugin WordPress<\/h1><p class=\"no-margin\">Jika website Anda berbasis WordPress, Anda bisa menggunakan plugin WordPress seperti <b><a href=\"https:\/\/wordpress.org\/plugins\/wordfence\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">WordFence<\/a> <\/b>untuk mengaktifkan two-factor authentication (2FA), atau menambahkan fitur captcha untuk mencegah bot login ke website Anda.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Anda juga bisa menggunakan plugin <b><a href=\"https:\/\/wordpress.org\/plugins\/wp-force-login\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Force Login<\/a><\/b> untuk membatasi akses website hanya untuk pengguna website terdaftar<\/p><hr><h1 id=\"h_dd533566cc\">Opsi 3: .htaccess<\/h1><p class=\"no-margin\">Anda juga bisa memasukkan login form dengan menambahkan <b>file .htaccess <\/b>di directory yang ingin Anda lindungi.<\/p><p>Pertama, cek apakah directory memiliki file .htaccess. Jika tidak, Anda bisa membuat <b><a href=\"\/id\/support\/1583307-cara-membuat-file-htaccess\" target=\"_blank\" class=\"intercom-content-link\">file .htaccess<\/a>. <\/b>Sebagai contoh, untuk melindungi website, simpan <b>file .htaccess <\/b>di folder <b>public_html.<\/b><\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Buat file dengan nama <b>htpasswd <\/b> di akun Anda. Demi keamanan, simpan file <b>.htaccess <\/b>dan<b>  .htpasswd <\/b>di folder yang berbeda.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Setelah membuat file <b>.htpasswd, <\/b>masukkan line berikut:<\/p><pre><code>username:password<\/code><\/pre><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Ganti <code>username<\/code> dan <code>password<\/code> dengan value yang Anda inginkan:<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Kembali ke file <b>.htaccess <\/b> dan masukkan line berikut:<\/p><p class=\"no-margin\">\n<\/p><pre><code>AuthType Basic<br>AuthName \"Authorization required\"<br>AuthUserFile \/path\/to\/.htpasswd<br>require valid-user<\/code><\/pre><p class=\"no-margin\"><code>\/path\/to\/.htpasswd<\/code> adalah path file tempat <b>.htpasswd<\/b> disimpan. Untuk akun Hostinger Anda, apabila file tersebut disimpan subfolder domain, file akan terlihat seperti berikut:<\/p><p class=\"no-margin\">\n<\/p><pre><code>\/home\/u123456789\/domains\/domain.tld\/public_html\/subfolder\/.htpasswd<\/code><\/pre><p class=\"no-margin\">Selesai! Website Anda akan terlindungi dengan password&#128522;<\/p><h4 id=\"h_d6f407aff9\"><b>Artikel terkait:<\/b><\/h4><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/id\/support\/1583526-mengapa-direktori-yang-dilindungi-password-meminta-untuk-memasukkan-password-sebanyak-dua-kali\" target=\"_blank\" class=\"intercom-content-link\">Mengapa direktori yang dilindungi password meminta untuk memasukkan password sebanyak dua kali?<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Meminta pengunjung login sebelum mengakses website<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[249],"tags":[],"class_list":["post-654","post","type-post","status-publish","format-standard","hentry","category-pengembangan-website-website"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/1583316-how-to-add-a-login-form-to-a-website-in-hostinger\/","default":1},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/1583316-comment-ajouter-un-formulaire-de-connexion-a-votre-site-web-hostinger\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/1583316-bagaimana-cara-menambahkan-form-login-ke-website-saya-di-hostinger\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/1583316-como-adicionar-um-formulario-de-login-ao-seu-site-na-hostinger\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/1583316-------hostinger\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/comments?post=654"}],"version-history":[{"count":0,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/654\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/media?parent=654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/categories?post=654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/tags?post=654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}