{"id":3985,"date":"2025-08-19T19:52:48","date_gmt":"2025-08-19T12:52:48","guid":{"rendered":"https:\/\/www.jagowebdesign.com\/website\/?p=3985"},"modified":"2025-08-26T19:23:11","modified_gmt":"2025-08-26T12:23:11","slug":"membuat-sitemap-daftar-isi-otomatis-di-blogspot","status":"publish","type":"post","link":"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/","title":{"rendered":"Membuat Sitemap (Daftar Isi) Otomatis di Blogspot"},"content":{"rendered":"<p class=\"\" data-start=\"216\" data-end=\"508\">Sitemap atau daftar isi merupakan bagian penting dalam sebuah blog. Dengan sitemap, pengunjung dan mesin pencari dapat lebih mudah menemukan konten yang kamu buat. Di Blogspot, kamu bisa membuat sitemap otomatis yang akan memperbarui daftar isi secara dinamis sesuai dengan postingan terbaru.<\/p>\n<p class=\"\" data-start=\"510\" data-end=\"667\">Pada artikel ini, kamu akan belajar cara membuat sitemap otomatis di Blogspot, mulai dari pengertian, manfaat, hingga langkah lengkap membuatnya tanpa ribet.<\/p>\n<hr class=\"\" data-start=\"669\" data-end=\"672\" \/>\n<h2 class=\"\" data-start=\"674\" data-end=\"718\">Apa Itu Sitemap (Daftar Isi) di Blogspot?<\/h2>\n<p class=\"\" data-start=\"720\" data-end=\"830\">Sitemap adalah sebuah halaman yang menampilkan daftar lengkap artikel atau postingan di blog. Fungsi utamanya:<\/p>\n<ul data-start=\"832\" data-end=\"1006\">\n<li class=\"\" data-start=\"832\" data-end=\"871\">\n<p class=\"\" data-start=\"834\" data-end=\"871\">Memudahkan pengunjung mencari artikel<\/p>\n<\/li>\n<li class=\"\" data-start=\"872\" data-end=\"960\">\n<p class=\"\" data-start=\"874\" data-end=\"960\">Membantu mesin pencari (Google, Bing) mengindeks konten secara lebih cepat dan lengkap<\/p>\n<\/li>\n<li class=\"\" data-start=\"961\" data-end=\"1006\">\n<p class=\"\" data-start=\"963\" data-end=\"1006\">Menyajikan struktur konten blog dengan rapi<\/p>\n<\/li>\n<\/ul>\n<hr class=\"\" data-start=\"1008\" data-end=\"1011\" \/>\n<h2 class=\"\" data-start=\"1013\" data-end=\"1060\">Manfaat Membuat Sitemap Otomatis di Blogspot<\/h2>\n<p class=\"\" data-start=\"1062\" data-end=\"1110\">Berikut beberapa manfaat utama sitemap otomatis:<\/p>\n<div class=\"_tableContainer_16hzy_1\">\n<div class=\"_tableWrapper_16hzy_14 group flex w-fit flex-col-reverse\" tabindex=\"-1\">\n<table class=\"w-fit min-w-(--thread-content-width)\" data-start=\"1112\" data-end=\"1521\">\n<thead data-start=\"1112\" data-end=\"1136\">\n<tr data-start=\"1112\" data-end=\"1136\">\n<th data-start=\"1112\" data-end=\"1122\" data-col-size=\"sm\">Manfaat<\/th>\n<th data-start=\"1122\" data-end=\"1136\" data-col-size=\"md\">Penjelasan<\/th>\n<\/tr>\n<\/thead>\n<tbody data-start=\"1162\" data-end=\"1521\">\n<tr data-start=\"1162\" data-end=\"1249\">\n<td data-start=\"1162\" data-end=\"1178\" data-col-size=\"sm\">Mudah diakses<\/td>\n<td data-start=\"1178\" data-end=\"1249\" data-col-size=\"md\">Pengunjung bisa melihat seluruh artikel tanpa harus scroll homepage<\/td>\n<\/tr>\n<tr data-start=\"1250\" data-end=\"1335\">\n<td data-start=\"1250\" data-end=\"1265\" data-col-size=\"sm\">SEO friendly<\/td>\n<td data-start=\"1265\" data-end=\"1335\" data-col-size=\"md\">Mesin pencari lebih mudah menemukan dan mengindeks semua postingan<\/td>\n<\/tr>\n<tr data-start=\"1336\" data-end=\"1428\">\n<td data-start=\"1336\" data-end=\"1354\" data-col-size=\"sm\">Update otomatis<\/td>\n<td data-start=\"1354\" data-end=\"1428\" data-col-size=\"md\">Sitemap akan menampilkan artikel baru tanpa kamu harus mengedit manual<\/td>\n<\/tr>\n<tr data-start=\"1429\" data-end=\"1521\">\n<td data-start=\"1429\" data-end=\"1451\" data-col-size=\"sm\">Navigasi lebih baik<\/td>\n<td data-start=\"1451\" data-end=\"1521\" data-col-size=\"md\">Pengunjung bisa langsung memilih kategori atau judul yang diminati<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"sticky end-(--thread-content-margin) h-0 self-end select-none\">\n<div class=\"absolute end-0 flex items-end\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr class=\"\" data-start=\"1523\" data-end=\"1526\" \/>\n<h2 class=\"\" data-start=\"1528\" data-end=\"1572\">Cara Membuat Sitemap Otomatis di Blogspot<\/h2>\n<p class=\"\" data-start=\"1574\" data-end=\"1816\">Blogspot sebenarnya sudah menyediakan fitur <strong data-start=\"1618\" data-end=\"1630\">Feed RSS<\/strong> yang bisa dimanfaatkan untuk membuat sitemap. Tapi untuk membuat sitemap yang rapi dan bisa diakses pengunjung, kita perlu membuat halaman khusus yang memuat daftar isi secara otomatis.<\/p>\n<h3 class=\"\" data-start=\"1818\" data-end=\"1864\">Langkah 1: Buat Halaman Baru untuk Sitemap<\/h3>\n<ol data-start=\"1866\" data-end=\"2015\">\n<li class=\"\" data-start=\"1866\" data-end=\"1885\">\n<p class=\"\" data-start=\"1869\" data-end=\"1885\">Login ke Blogger<\/p>\n<\/li>\n<li class=\"\" data-start=\"1886\" data-end=\"1920\">\n<p class=\"\" data-start=\"1889\" data-end=\"1920\">Klik <strong data-start=\"1894\" data-end=\"1920\">Halaman &gt; Halaman Baru<\/strong><\/p>\n<\/li>\n<li class=\"\" data-start=\"1921\" data-end=\"1976\">\n<p class=\"\" data-start=\"1924\" data-end=\"1976\">Beri judul misalnya: <strong data-start=\"1945\" data-end=\"1956\">Sitemap<\/strong> atau <strong data-start=\"1962\" data-end=\"1976\">Daftar Isi<\/strong><\/p>\n<\/li>\n<li class=\"\" data-start=\"1977\" data-end=\"2015\">\n<p class=\"\" data-start=\"1980\" data-end=\"2015\">Pilih mode <strong data-start=\"1991\" data-end=\"1999\">HTML<\/strong> (bukan Compose)<\/p>\n<\/li>\n<\/ol>\n<h3 class=\"\" data-start=\"2017\" data-end=\"2061\">Langkah 2: Tambahkan Kode Script Sitemap<\/h3>\n<p class=\"\" data-start=\"2063\" data-end=\"2128\">Salin dan tempelkan kode berikut di editor HTML halaman tersebut:<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">html<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span><\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"sitemap\"<\/span>&gt;<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span><\/span>&gt;<\/p>\n<p><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script<\/span><\/span> <span class=\"hljs-attr\">type<\/span>=<span class=\"hljs-string\">\"text\/javascript\"<\/span>&gt;<br \/>\n<span class=\"hljs-keyword\">var<\/span> sitemap_url = <span class=\"hljs-string\">\"\/feeds\/posts\/default?max-results=9999\"<\/span>;<\/p>\n<p><span class=\"hljs-title function_\">fetch<\/span>(sitemap_url)<br \/>\n.<span class=\"hljs-title function_\">then<\/span>(<span class=\"hljs-function\"><span class=\"hljs-params\">response<\/span><\/span> =&gt; response.<span class=\"hljs-title function_\">text<\/span>())<br \/>\n.<span class=\"hljs-title function_\">then<\/span>(<span class=\"hljs-function\"><span class=\"hljs-params\">str<\/span><\/span> =&gt; (<span class=\"hljs-keyword\">new<\/span> <span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-title class_\">DOMParser<\/span>()).<span class=\"hljs-title function_\">parseFromString<\/span>(str, <span class=\"hljs-string\">\"text\/xml\"<\/span>))<br \/>\n.<span class=\"hljs-title function_\">then<\/span>(<span class=\"hljs-function\"><span class=\"hljs-params\">data<\/span><\/span> =&gt; {<br \/>\n  <span class=\"hljs-keyword\">var<\/span> entries = data.<span class=\"hljs-title function_\">getElementsByTagName<\/span>(<span class=\"hljs-string\">\"entry\"<\/span>);<br \/>\n  <span class=\"hljs-keyword\">var<\/span> sitemapDiv = <span class=\"hljs-variable language_\">document<\/span>.<span class=\"hljs-title function_\">getElementById<\/span>(<span class=\"hljs-string\">\"sitemap\"<\/span>);<br \/>\n  <span class=\"hljs-keyword\">var<\/span> listHTML = <span class=\"hljs-string\">\"&lt;ul&gt;\"<\/span>;<\/p>\n<p>  <span class=\"hljs-keyword\">for<\/span> (<span class=\"hljs-keyword\">var<\/span> i = <span class=\"hljs-number\">0<\/span>; i &lt; entries.<span class=\"hljs-property\">length<\/span>; i++) {<br \/>\n    <span class=\"hljs-keyword\">var<\/span> title = entries[i].<span class=\"hljs-title function_\">getElementsByTagName<\/span>(<span class=\"hljs-string\">\"title\"<\/span>)[<span class=\"hljs-number\">0<\/span>].<span class=\"hljs-property\">textContent<\/span>;<br \/>\n    <span class=\"hljs-keyword\">var<\/span> link = entries[i].<span class=\"hljs-title function_\">getElementsByTagName<\/span>(<span class=\"hljs-string\">\"link\"<\/span>)[<span class=\"hljs-number\">0<\/span>].<span class=\"hljs-title function_\">getAttribute<\/span>(<span class=\"hljs-string\">\"href\"<\/span>);<br \/>\n    listHTML += <span class=\"hljs-string\">\"&lt;li&gt;&lt;a href='\"<\/span> + link + <span class=\"hljs-string\">\"'&gt;\"<\/span> + title + <span class=\"hljs-string\">\"&lt;\/a&gt;&lt;\/li&gt;\"<\/span>;<br \/>\n  }<\/p>\n<p>  listHTML += <span class=\"hljs-string\">\"&lt;\/ul&gt;\"<\/span>;<br \/>\n  sitemapDiv.<span class=\"hljs-property\">innerHTML<\/span> = listHTML;<br \/>\n})<br \/>\n.<span class=\"hljs-title function_\">catch<\/span>(<span class=\"hljs-function\"><span class=\"hljs-params\">err<\/span><\/span> =&gt; {<br \/>\n  <span class=\"hljs-variable language_\">document<\/span>.<span class=\"hljs-title function_\">getElementById<\/span>(<span class=\"hljs-string\">\"sitemap\"<\/span>).<span class=\"hljs-property\">innerHTML<\/span> = <span class=\"hljs-string\">\"Gagal memuat sitemap.\"<\/span>;<br \/>\n});<br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">script<\/span><\/span>&gt;<br \/>\n<\/code><\/div>\n<\/div>\n<h3 class=\"\" data-start=\"2977\" data-end=\"2992\">Penjelasan:<\/h3>\n<ul data-start=\"2993\" data-end=\"3158\">\n<li class=\"\" data-start=\"2993\" data-end=\"3063\">\n<p class=\"\" data-start=\"2995\" data-end=\"3063\">Kode ini mengambil data feed posting terbaru (maksimal 9999 artikel)<\/p>\n<\/li>\n<li class=\"\" data-start=\"3064\" data-end=\"3103\">\n<p class=\"\" data-start=\"3066\" data-end=\"3103\">Mengambil judul dan link tiap posting<\/p>\n<\/li>\n<li class=\"\" data-start=\"3104\" data-end=\"3158\">\n<p class=\"\" data-start=\"3106\" data-end=\"3158\">Membuat daftar isi secara otomatis dalam bentuk list<\/p>\n<\/li>\n<\/ul>\n<h3 class=\"\" data-start=\"3160\" data-end=\"3206\">Langkah 3: Simpan dan Publikasikan Halaman<\/h3>\n<p class=\"\" data-start=\"3208\" data-end=\"3345\">Setelah menempel kode di atas, klik <strong data-start=\"3244\" data-end=\"3260\">Publikasikan<\/strong>. Sekarang halaman sitemap kamu sudah otomatis menampilkan daftar semua artikel blog.<\/p>\n<hr class=\"\" data-start=\"3347\" data-end=\"3350\" \/>\n<h2 class=\"\" data-start=\"3352\" data-end=\"3401\">Cara Menambahkan Sitemap ke Menu Navigasi Blog<\/h2>\n<p class=\"\" data-start=\"3403\" data-end=\"3469\">Agar pengunjung mudah menemukan sitemap, tambahkan tautan ke menu:<\/p>\n<ol data-start=\"3471\" data-end=\"3733\">\n<li class=\"\" data-start=\"3471\" data-end=\"3506\">\n<p class=\"\" data-start=\"3474\" data-end=\"3506\">Masuk ke <strong data-start=\"3483\" data-end=\"3506\">Tata Letak (Layout)<\/strong><\/p>\n<\/li>\n<li class=\"\" data-start=\"3507\" data-end=\"3545\">\n<p class=\"\" data-start=\"3510\" data-end=\"3545\">Cari widget <strong data-start=\"3522\" data-end=\"3545\">Menu atau Link List<\/strong><\/p>\n<\/li>\n<li class=\"\" data-start=\"3546\" data-end=\"3712\">\n<p class=\"\" data-start=\"3549\" data-end=\"3598\">Tambahkan link baru dengan URL sitemap, misalnya:<\/p>\n<ul data-start=\"3602\" data-end=\"3712\">\n<li class=\"\" data-start=\"3602\" data-end=\"3618\">\n<p class=\"\" data-start=\"3604\" data-end=\"3618\">Judul: Sitemap<\/p>\n<\/li>\n<li class=\"\" data-start=\"3622\" data-end=\"3712\">\n<p class=\"\" data-start=\"3624\" data-end=\"3712\">URL: <a class=\"cursor-pointer\" target=\"_new\" rel=\"noopener\" data-start=\"3629\" data-end=\"3673\">https:\/\/namablog.blogspot.com\/p\/sitemap.html<\/a> (sesuaikan dengan alamat halaman kamu)<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"\" data-start=\"3713\" data-end=\"3733\">\n<p class=\"\" data-start=\"3716\" data-end=\"3733\">Simpan pengaturan<\/p>\n<\/li>\n<\/ol>\n<hr class=\"\" data-start=\"3735\" data-end=\"3738\" \/>\n<h2 class=\"\" data-start=\"3740\" data-end=\"3777\">Tips Mempercantik Tampilan Sitemap<\/h2>\n<p class=\"\" data-start=\"3779\" data-end=\"3826\">Agar sitemap terlihat menarik dan mudah dibaca:<\/p>\n<ul data-start=\"3828\" data-end=\"3885\">\n<li class=\"\" data-start=\"3828\" data-end=\"3885\">\n<p class=\"\" data-start=\"3830\" data-end=\"3885\">Tambahkan CSS sederhana pada halaman sitemap, misalnya:<\/p>\n<\/li>\n<\/ul>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">html<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">style<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-selector-id\">#sitemap<\/span> <span class=\"hljs-selector-tag\">ul<\/span> {<br \/>\n  <span class=\"hljs-attribute\">list-style-type<\/span>: none;<br \/>\n  <span class=\"hljs-attribute\">padding-left<\/span>: <span class=\"hljs-number\">0<\/span>;<br \/>\n}<\/p>\n<p><span class=\"hljs-selector-id\">#sitemap<\/span> <span class=\"hljs-selector-tag\">li<\/span> {<br \/>\n  <span class=\"hljs-attribute\">padding<\/span>: <span class=\"hljs-number\">5px<\/span> <span class=\"hljs-number\">0<\/span>;<br \/>\n}<\/p>\n<p><span class=\"hljs-selector-id\">#sitemap<\/span> <span class=\"hljs-selector-tag\">a<\/span> {<br \/>\n  <span class=\"hljs-attribute\">text-decoration<\/span>: none;<br \/>\n  <span class=\"hljs-attribute\">color<\/span>: <span class=\"hljs-number\">#1a73e8<\/span>;<br \/>\n}<\/p>\n<p><span class=\"hljs-selector-id\">#sitemap<\/span> <span class=\"hljs-selector-tag\">a<\/span><span class=\"hljs-selector-pseudo\">:hover<\/span> {<br \/>\n  <span class=\"hljs-attribute\">text-decoration<\/span>: underline;<br \/>\n}<br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">style<\/span><\/span>&gt;<br \/>\n<\/code><\/div>\n<\/div>\n<ul data-start=\"4123\" data-end=\"4284\">\n<li class=\"\" data-start=\"4123\" data-end=\"4284\">\n<p class=\"\" data-start=\"4125\" data-end=\"4284\">Jika ingin mengelompokkan berdasarkan label\/kategori, perlu script tambahan yang lebih kompleks, tapi untuk pemula, daftar isi sederhana sudah sangat membantu.<\/p>\n<\/li>\n<\/ul>\n<hr class=\"\" data-start=\"4286\" data-end=\"4289\" \/>\n<h2 class=\"\" data-start=\"4291\" data-end=\"4357\">Alternatif: Menggunakan Sitemap XML untuk Google Search Console<\/h2>\n<p class=\"\" data-start=\"4359\" data-end=\"4518\">Selain sitemap untuk pengunjung, kamu juga bisa membuat <strong data-start=\"4415\" data-end=\"4430\">sitemap XML<\/strong> untuk membantu Google mengindeks blog. Blogspot secara otomatis membuat sitemap XML di:<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">arduino<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre!\">https:<span class=\"hljs-comment\">\/\/namablog.blogspot.com\/sitemap.xml<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<p class=\"\" data-start=\"4571\" data-end=\"4631\">Atau kamu bisa submit link berikut di Google Search Console:<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">ruby<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre!\"><span class=\"hljs-symbol\">https:<\/span>\/<span class=\"hljs-regexp\">\/namablog.blogspot.com\/feeds<\/span><span class=\"hljs-regexp\">\/posts\/default<\/span>?orderby=<span class=\"hljs-variable constant_\">UPDATED<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<p class=\"\" data-start=\"4708\" data-end=\"4750\">Ini sudah otomatis dan tidak perlu diubah.<\/p>\n<hr class=\"\" data-start=\"4752\" data-end=\"4755\" \/>\n<h2 class=\"\" data-start=\"4757\" data-end=\"4770\">Kesimpulan<\/h2>\n<p class=\"\" data-start=\"4772\" data-end=\"5029\">Membuat sitemap (daftar isi) otomatis di Blogspot adalah langkah penting untuk meningkatkan navigasi blog dan SEO. Dengan menggunakan kode JavaScript sederhana, kamu bisa membuat halaman sitemap yang selalu update otomatis tanpa harus repot mengedit manual.<\/p>\n<h3 class=\"\" data-start=\"5031\" data-end=\"5045\">Ringkasan:<\/h3>\n<ul data-start=\"5046\" data-end=\"5254\">\n<li class=\"\" data-start=\"5046\" data-end=\"5086\">\n<p class=\"\" data-start=\"5048\" data-end=\"5086\">Buat halaman baru dengan judul Sitemap<\/p>\n<\/li>\n<li class=\"\" data-start=\"5087\" data-end=\"5143\">\n<p class=\"\" data-start=\"5089\" data-end=\"5143\">Tempelkan kode JavaScript untuk mengambil feed posting<\/p>\n<\/li>\n<li class=\"\" data-start=\"5144\" data-end=\"5197\">\n<p class=\"\" data-start=\"5146\" data-end=\"5197\">Publikasikan halaman dan tambahkan ke menu navigasi<\/p>\n<\/li>\n<li class=\"\" data-start=\"5198\" data-end=\"5254\">\n<p class=\"\" data-start=\"5200\" data-end=\"5254\">Gunakan sitemap XML bawaan untuk Google Search Console<\/p>\n<\/li>\n<\/ul>\n<p class=\"\" data-start=\"5256\" data-end=\"5358\">Dengan sitemap yang rapi, blogmu akan lebih mudah diakses dan disukai pengunjung maupun mesin pencari.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sitemap atau daftar isi merupakan bagian penting dalam sebuah blog. Dengan sitemap, pengunjung dan mesin pencari dapat lebih mudah menemukan konten yang kamu buat. Di Blogspot, kamu bisa membuat sitemap otomatis yang akan memperbarui daftar isi secara dinamis sesuai dengan postingan terbaru. Pada artikel ini, kamu akan belajar cara membuat sitemap otomatis di Blogspot, mulai [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3986,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[38],"tags":[686],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Membuat Sitemap (Daftar Isi) Otomatis di Blogspot - Demo Website<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Sitemap (Daftar Isi) Otomatis di Blogspot - Demo Website\" \/>\n<meta property=\"og:description\" content=\"Sitemap atau daftar isi merupakan bagian penting dalam sebuah blog. Dengan sitemap, pengunjung dan mesin pencari dapat lebih mudah menemukan konten yang kamu buat. Di Blogspot, kamu bisa membuat sitemap otomatis yang akan memperbarui daftar isi secara dinamis sesuai dengan postingan terbaru. Pada artikel ini, kamu akan belajar cara membuat sitemap otomatis di Blogspot, mulai [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/\" \/>\n<meta property=\"og:site_name\" content=\"Demo Website\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-19T12:52:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-26T12:23:11+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.jagowebdesign.com\/website\/wp-content\/uploads\/2025\/05\/23.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Prabowo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Prabowo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/\",\"url\":\"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/\",\"name\":\"Membuat Sitemap (Daftar Isi) Otomatis di Blogspot - Demo Website\",\"isPartOf\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#website\"},\"datePublished\":\"2025-08-19T12:52:48+00:00\",\"dateModified\":\"2025-08-26T12:23:11+00:00\",\"author\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.jagowebdesign.com\/website\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membuat Sitemap (Daftar Isi) Otomatis di Blogspot\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#website\",\"url\":\"https:\/\/www.jagowebdesign.com\/website\/\",\"name\":\"Demo Website\",\"description\":\"Jagowebdesign.Com\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jagowebdesign.com\/website\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a\",\"name\":\"Prabowo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g\",\"caption\":\"Prabowo\"},\"url\":\"https:\/\/www.jagowebdesign.com\/website\/author\/prabowo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Membuat Sitemap (Daftar Isi) Otomatis di Blogspot - Demo Website","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/","og_locale":"en_US","og_type":"article","og_title":"Membuat Sitemap (Daftar Isi) Otomatis di Blogspot - Demo Website","og_description":"Sitemap atau daftar isi merupakan bagian penting dalam sebuah blog. Dengan sitemap, pengunjung dan mesin pencari dapat lebih mudah menemukan konten yang kamu buat. Di Blogspot, kamu bisa membuat sitemap otomatis yang akan memperbarui daftar isi secara dinamis sesuai dengan postingan terbaru. Pada artikel ini, kamu akan belajar cara membuat sitemap otomatis di Blogspot, mulai [&hellip;]","og_url":"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/","og_site_name":"Demo Website","article_published_time":"2025-08-19T12:52:48+00:00","article_modified_time":"2025-08-26T12:23:11+00:00","og_image":[{"width":1280,"height":1280,"url":"http:\/\/www.jagowebdesign.com\/website\/wp-content\/uploads\/2025\/05\/23.jpeg","type":"image\/jpeg"}],"author":"Prabowo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Prabowo","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/","url":"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/","name":"Membuat Sitemap (Daftar Isi) Otomatis di Blogspot - Demo Website","isPartOf":{"@id":"https:\/\/www.jagowebdesign.com\/website\/#website"},"datePublished":"2025-08-19T12:52:48+00:00","dateModified":"2025-08-26T12:23:11+00:00","author":{"@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a"},"breadcrumb":{"@id":"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.jagowebdesign.com\/website\/membuat-sitemap-daftar-isi-otomatis-di-blogspot\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.jagowebdesign.com\/website\/"},{"@type":"ListItem","position":2,"name":"Membuat Sitemap (Daftar Isi) Otomatis di Blogspot"}]},{"@type":"WebSite","@id":"https:\/\/www.jagowebdesign.com\/website\/#website","url":"https:\/\/www.jagowebdesign.com\/website\/","name":"Demo Website","description":"Jagowebdesign.Com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jagowebdesign.com\/website\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a","name":"Prabowo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g","caption":"Prabowo"},"url":"https:\/\/www.jagowebdesign.com\/website\/author\/prabowo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3985"}],"collection":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/comments?post=3985"}],"version-history":[{"count":1,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3985\/revisions"}],"predecessor-version":[{"id":3987,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3985\/revisions\/3987"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/media\/3986"}],"wp:attachment":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/media?parent=3985"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/categories?post=3985"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/tags?post=3985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}