{"id":136,"date":"2023-05-31T06:28:47","date_gmt":"2023-05-31T06:28:47","guid":{"rendered":"https:\/\/blog.hostinger.io\/id\/support\/2023\/05\/31\/6437004-hostinger-website-builder-cara-menambahkan-gambar\/"},"modified":"2025-08-26T19:57:57","modified_gmt":"2025-08-26T19:57:57","slug":"6437004-hostinger-website-builder-cara-menambahkan-gambar","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/id\/support\/6437004-hostinger-website-builder-cara-menambahkan-gambar\/","title":{"rendered":"Hostinger Website Builder: Cara Menambahkan Gambar"},"content":{"rendered":"<p class=\"no-margin\">Untuk menambahkan gambar ke website, buka website editor dan klik <b>Tambahkan elemen <\/b>di panel sebelah kiri. Pilih <b>elemen gambar<\/b>, lalu letakkan di bagian website yang Anda inginkan:<\/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\/05\/11eba951-3bd8-4adc-bf38-080f746bc56b.jpg\" width=\"600\"><\/div><p class=\"no-margin\">Klik pada elemen gambar untuk melihat opsi lainnya (edit, duplikasikan, hapus, resize):<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/05\/51d71033-ed48-460b-b973-6927942777d1.jpg\"><\/div><p class=\"no-margin\">Untuk menambahkan gambar Anda sendiri, klik <b>Ganti gambar &rarr; Pilh gambar<\/b> di <b>Galeri media<\/b>. Anda bisa memilih berbagai gambar gratis atau mengunggah gambar Anda dari komputer dengan klik <b>Upload file<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/05\/cee39e0e-f227-46e4-baf6-e67aa24c25d3.jpg\"><\/div><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/05\/63fe3b3b-424a-46c6-91fc-1a568165aab7.jpg\"><\/div><p class=\"no-margin\">Anda juga bisa membuka pengaturan elemen dengan klik tombol <b>Edit gambar:<\/b><\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td>\n<p class=\"no-margin\"><b>Gambar<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>Style<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>Tindakan<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b>Ganti gambar<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>Reset proporsi<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Pilih tindakan yang terjadi saat gambar diklik: gambar ditampilkan dalam layar penuh atau <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6454367-website-builder-how-to-add-links#h_dbc1634207\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">membuka tautan<\/a><\/b> (link)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b>Alt text<\/b>: tambahkan <b><a href=\"\" target=\"_blank\" class=\"intercom-content-link\">Alt text<\/a> <\/b>agar  gambar website lebih mudah diakses dan  peringkat SEO di Google meningkat<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>Corner radius: <\/b>untuk membuat sudut gambar semakin bulat<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">\n<\/p><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><p class=\"no-margin\"><b>CATATAN<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6466243-website-builder-responsive-web-design-and-image-size\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Ukuran file gambar maksimum adalah 15 MB<\/a><\/b>&#128161; <\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Anda dapat menggunakan format gambar apa pun<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Gambar dioptimalkan secara otomatis untuk meningkatkan performa website<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Gambar gratis (<i>Unsplash<\/i>) dan gambar dalam format .svg dan .gif tidak bisa dipotong<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Pelajari juga <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6466412-website-builder-how-to-add-link-preview-images\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">cara menambahkan link gambar pratinjau<\/a><\/b> (dalam Bahasa Inggris)<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Cara menambahkan gambar ke website dari Website Builder Hostinger<\/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":[255],"tags":[],"class_list":["post-136","post","type-post","status-publish","format-standard","hentry","category-elemen-website"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6437004-hostinger-website-builder-how-to-add-images\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6437004-hostinger-creador-de-sitios-web-como-agregar-imagenes\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6437004-hostinger-createur-de-site-web-comment-ajouter-des-images\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6437004-hostinger-website-builder-cara-menambahkan-gambar\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6437004-hostinger-svetainiu-kurimo-irankis-paveikslelio-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6437004-hostinger-criador-de-sites-como-adicionar-imagens\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6437004-hostinger-----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/136","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=136"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/136\/revisions"}],"predecessor-version":[{"id":1227,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/136\/revisions\/1227"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/media?parent=136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/categories?post=136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/tags?post=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}