Cara Mudah Membuat Sitemap Responsive

Dalam dunia seo sitemap adalah salah satu hal yang perlu diperhatikan mengingat sitemap berguna untuk mempermudah pengunjung dalam menjelajah blog kita dan juga untuk mempermudah google crawling merayapi blog kita.

Untuk membuat sitemap sangat lah mudah tidak perlu alat khusus lewat artikel ini saya akan membagikan sebuah tutorial membuat sitemap responsive diblogger.

Tampilan sitemap blogger responsivenya kira - kira seperti ini

| DEMO |

Bagimana tertarik untuk membuatnya?
Pertama copy kode berikut :

 <link href="https://cdn.rawgit.com/penaindigo/project/d4a73206/penaindigocom.css" rel="stylesheet"></link><div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
blogUrl: "https://www.nicost.club/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
monthNames: [ // Array of month names
"Januari",
"Februari",
"Maret",
"April",
"Mei",
"Juni",
"Juli",
"Agustus",
"September",
"Oktober",
"November",
"Desember"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: ' &ndash; <em style="color:red;">New!</em>' // HTML for the "New!" text
};
</script>
<script src="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>

Note : Ganti https://www.nicost.club dengan alamat blog agan

Kemudian masuk kedasbor blog agan dan buat halaman baru di menu halaman

Ubah mode compose jadi mode HTML  silahkan pastekan kode tadi lalu klik publikasikan , silahkan cek apakah hasilnya bagus atau tidak


Semoga Berhasil