Cara Membuat Halaman Sitemap di Blogger

Dengan menggunakan peta situs(Sitemap) HTML, pengunjung dapat dengan mudah menavigasi seluruh situs. Peta situs(Sitemap) HTML adalah pembuatan satu halaman di situs web Anda yang berisi tautan ke semua halaman kategori. Jika pengunjung kesulitan menemukan posting atau bagian yang diinginkan di situs web Anda, Anda dapat menggunakan peta situs(Sitemap) HTML untuk membantu pengunjung mencapai halaman yang diinginkan.
Cara membuat halaman Sitemap :
- Buka Dashboard Blogger Anda dan Klik halaman
- Setelah Membuat Halaman Baru dan Konversikan ke Tampilan HTML
- Tempelkan skrip dibawah dan publikasikan
- Sekarang halaman peta situs (sitemap) sudah jadi
<!--[ Sitemap script DTE, source: dte.web.id/teknis/widget-daftar-isi-tabulasi-blogger ]--> <script src='//dte-project.github.io/blogger/tabbed-toc.min.js?active=0&load=true&ad=true&date=%25M~%25%20%25D%25%2C%20%25Y%25' defer='defer'></script> <style> .tabbed-toc{border:0;font-size:15px} .tabbed-toc-tabs{width:10em;font-size:14px} .tabbed-toc-tab{padding:0 15px;border-radius:3px 0 0 3px;position:relative;transition:var(--trans-1);color:inherit} .tabbed-toc-tab::after{content:'';position:absolute;top:0;bottom:0;right:0;border-right:1px solid var(--linkC);opacity:0} .tabbed-toc-tab:hover, .tabbed-toc-tab.active{background:var(--transB)} .tabbed-toc-tab:hover::after, .tabbed-toc-tab.active::after{opacity:1} .tabbed-toc-tab.active{color:var(--linkC);opacity:.7} .ltr .tabbed-toc-panels{border-color:var(--contentL)} .ltr .tabbed-toc-time{position:relative;font-size:12px;opacity:.7} .tabbed-toc li{padding:5px 7.5px;line-height:1.6em;min-height:40px;display:flex;align-items:center;justify-content:space-between} .tabbed-toc li >*{padding:0 7.5px; margin:0} .tabbed-toc a{color:inherit} .tabbed-toc-title{font-size:16px} .tabbed-toc-title sup{font-weight:400;font-size:12px;color:var(--linkC)} .drkM .ltr .tabbed-toc-panels{border-color:rgba(255,255,255,.1)} .drkM .tabbed-toc-tab.active, .drkM .tabbed-toc-title sup{color:var(--darkL)} .drkM .tabbed-toc-tab::after{border-color:var(--darkL)} @media screen and (max-width:750px){ .tabbed-toc nav{display:flex;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch; /*position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 20px*/} .tabbed-toc nav::-webkit-scrollbar{width:0;height:0} .tabbed-toc nav::-webkit-scrollbar-track{background:transparent} .tabbed-toc nav::-webkit-scrollbar-thumb{background:transparent;border:none} .tabbed-toc-tab{border-radius:3px 3px 0 0;white-space:nowrap;flex-shrink:0;scroll-snap-align:start} .tabbed-toc-tab::after{top:auto;left:0;border-right:0;border-bottom:1px solid var(--linkC)} .tabbed-toc ol{margin-top:15px;padding:0 15px;list-style:decimal} .tabbed-toc li{display:list-item;padding:5px 0;overflow:visible;list-style:inherit} .drkM .tabbed-toc-tab::after{border-color:var(--darkL)} } @media screen and (max-width:500px){ .tabbed-toc-title{font-size:15px} } </style>
css here
JS here
Third tab here...
Gabung dalam percakapan