{"id":122,"date":"2023-07-18T10:26:37","date_gmt":"2023-07-18T10:26:37","guid":{"rendered":"https:\/\/blog.hostinger.io\/id\/support\/2023\/07\/18\/6463582-hostinger-website-builder-cara-mengubah-warna-website\/"},"modified":"2025-08-26T19:57:08","modified_gmt":"2025-08-26T19:57:08","slug":"6463582-hostinger-website-builder-cara-mengubah-warna-website","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/id\/support\/6463582-hostinger-website-builder-cara-mengubah-warna-website\/","title":{"rendered":"Hostinger Website Builder: Cara Mengubah Warna Website"},"content":{"rendered":"<p class=\"no-margin\">Ada dua cara untuk mengubahsuaikan warna pada website Anda:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_c6a422debb\" target=\"_blank\" class=\"intercom-content-link\">Secara global<\/a><\/b> &ndash; pada pengaturan global gaya website<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_e3291d9cf3\" target=\"_blank\" class=\"intercom-content-link\">Secara lokal<\/a><\/b> &ndash; untuk masing-masing elemen atau bagian<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_c6a422debb\">Pengaturan Gaya Global<\/h1><p class=\"no-margin\">Pada editor, buka panel <b>Style website<\/b> di sebelah kiri dan klik tab <b>Warna<\/b>. Di sini, Anda dapat menemukan semua warna yang digunakan di seluruh halaman website Anda. Warna yang paling sering digunakan akan muncul paling atas pada daftar. Klik <b>Ubah<\/b> disebelah warna yang ingin Anda ubah, pilih warna yang baru, dan Builder akan mengubah warna tersebut di seluruh halaman website Anda:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/07\/b4594b7f-7c38-4a08-b266-6b5595f68a1a.jpg\"><\/div><p class=\"no-margin\">Mohon diingat, bahwa Anda juga bisa mengubah penampilan masing-masing elemen dan bagian secara manual kapan saja (lihat di bawah ini).<\/p><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_e3291d9cf3\">Pengaturan Gaya Lokal<\/h1><p class=\"no-margin\">Klik elemen yang diinginkan, pilih Edit, dan ubah warna elemen secara individual. Sebagai contoh, klik satu <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6436143-website-builder-text-element\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">teks elemen<\/a><\/b>, dan pilih Edit teks. Lalu pilih (sorot) sebagian teks yang ingin Anda ubah warnanya dan klik dari color picker:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/07\/4b829076-d87e-4edf-ab25-4c551050176d.jpg\"><\/div><p class=\"no-margin\">Pelajari lebih lanjut:<\/p><ul>\n<li>\n<p class=\"no-margin\">Mengubahsuaikan <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6463972-website-builder-customizing-the-style-of-the-navigation-menu\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">style menu navigasi website<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Mengubah <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6462732-website-builder-section-background\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">background bagian<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Menambahkan <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6632359-website-builder-how-to-add-text-background\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">background pada elemen teks<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Mengubahsuaikan <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6823389-website-builder-how-to-change-text-color-in-the-online-store\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">warna teks di toko online<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Pelajari cara mengubah warna menggunakan Hostinger Website Builder<\/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":[256],"tags":[],"class_list":["post-122","post","type-post","status-publish","format-standard","hentry","category-desain"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463582-hostinger-website-builder-how-to-change-website-colors\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463582-hostinger-creador-de-sitios-web-como-personalizar-los-colores-de-la-web\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463582-hostinger-createur-de-sites-web-comment-personnaliser-les-couleurs-du-site-web\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6463582-hostinger-website-builder-cara-mengubah-warna-website\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463582-hostinger-svetainiu-kurimo-irankis-kaip-keisti-spalvas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463582-hostinger-criador-de-sites-como-personalizar-as-cores-do-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/122","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=122"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/122\/revisions"}],"predecessor-version":[{"id":1161,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/122\/revisions\/1161"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/media?parent=122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/categories?post=122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/tags?post=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}