{"id":126,"date":"2023-07-23T02:18:18","date_gmt":"2023-07-23T02:18:18","guid":{"rendered":"https:\/\/blog.hostinger.io\/id\/support\/2023\/07\/23\/6463152-hostinger-website-builder-cara-menyematkan-kode-kustom\/"},"modified":"2025-08-26T19:56:32","modified_gmt":"2025-08-26T19:56:32","slug":"6463152-hostinger-website-builder-cara-menyematkan-kode-kustom","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/id\/support\/6463152-hostinger-website-builder-cara-menyematkan-kode-kustom\/","title":{"rendered":"Hostinger Website Builder: Cara Menyematkan Kode Kustom"},"content":{"rendered":"<p class=\"no-margin\">Dengan kode kustom, Anda dapat menambahkan dan mengintegrasikan berbagai macam elemen dan fitur layanan pihak ketiga pada website Anda.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Menggunakan <b>elemen sematkan kode<\/b>, Anda dapat memasukkan kode kustom ke bagian <b>&lt;body&gt;&lt;\/body&gt;<\/b> dalam kode website Anda. Pelajari bagaimana cara memasukkan kode ke bagian <b>&lt;head&gt;&lt;\/head&gt;<\/b> dalam website Anda &#128161;<\/p>\n<\/div><p class=\"no-margin\">Di editor, buka panel <b>Tambahkan elemen<\/b> di sebelah kiri dan seret elemen <b>sematkan kode<\/b> ke tempat yang Anda inginkan pada halaman:<\/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\/f8c5bcd8-f0cb-48ce-9093-2362689ba56e.jpg\"><\/div><p class=\"no-margin\">Klik pada elemen untuk melihat lebih banyak pilihan: masukkan kode, duplikasi, tampilkan\/sembunyikan, hapus, ubah ukuran, dan sebagainya:<\/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\/15def7a7-4e84-48b6-b662-2f05a4ea6a87.jpg\"><\/div><p class=\"no-margin\">Klik <b>Masukkan kode<\/b>, ketikkan kode Anda, dan klik <b>Sematkan kode<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/07\/5b49081c-8769-4a25-ab4c-2ddd42837348.jpg\"><\/div><p class=\"no-margin\">Terakhir, <b><a href=\"\/id\/support\/6435697-website-builder-cara-meng-update-website\" target=\"_blank\" class=\"intercom-content-link\">update website Anda<\/a><\/b> untuk menampilkan perubahan tersebut online.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Apabila kode kustom Anda memiliki URL di dalamnya:<\/p><ul>\n<li>\n<p class=\"no-margin\">Harap pastikan Anda menggunakan <b>HTTPS<\/b>; tautan HTTP cenderung rawan dan seringkali diblokir oleh browser<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Hapus spasi<\/b> pada URL<\/p>\n<\/li>\n<\/ul><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 93px\">\n<p class=\"intercom-align-center no-margin\"><b>Contoh buruk<\/b><\/p>\n<\/td>\n<td>\n<pre><code>&lt;iframe src=\" http:\/\/code.com \" frameBorder=\"0\" width=\"900\" scrolling=\"no\" height=\"900\" height=\"900\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 93px\">\n<p class=\"intercom-align-center no-margin\"><b>Contoh baik<\/b><\/p>\n<\/td>\n<td>\n<pre><code>&lt;iframe src=\"https:\/\/code.com\" frameBorder=\"0\" width=\"900\" scrolling=\"no\" height=\"900\" height=\"900\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><p class=\"no-margin\">Jika Anda sudah memasukkan kode yang benar dan melakukan update pada website Anda, tapi tidak ada widget yang tampak online, coba bersihkan <b><a href=\"\/id\/support\/1583501-bagaimana-cara-hapus-cache\" target=\"_blank\" class=\"intercom-content-link\">cache browser<\/a><\/b> Anda. Jika hal tersebut masih belum berhasil, kami sarankan Anda untuk coba mengontak tim developer atau layanan bantuan dari platform yang menyediakan sumber kode widget yang ingin Anda pakai.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pelajari bagaimana cara menyematkan kode kustom dengan 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":[255],"tags":[],"class_list":["post-126","post","type-post","status-publish","format-standard","hentry","category-elemen-website"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463152-hostinger-website-builder-how-to-embed-custom-code\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463152-hostinger-creador-de-sitios-webs-como-incrustar-un-codigo-personalizado\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463152-hostinger-createur-de-site-web-comment-incorporer-un-code-personnalise\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6463152-hostinger-website-builder-cara-menyematkan-kode-kustom\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463152-hostinger-svetainiu-kurimo-irankis-kaip-iterpti-koda\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463152-hostinger-criador-de-sites-como-embutir-um-codigo-personalizado\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/126","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=126"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/126\/revisions"}],"predecessor-version":[{"id":1094,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/126\/revisions\/1094"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/media?parent=126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/categories?post=126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/tags?post=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}