Make a sitemap on VioMagz Template static page
This time we will create a Sitemap page on the static page of the VioMagz template. This is actually part of VioMagz's own template, it's just that it's still hidden and needs a little setting to bring it up.
What is a site map page?
That is a static page that displays a table of contents on our blog.
What are the benefits of this page?
Makes it easy for visitors to search for articles on our site, and makes it easy to index quickly because crawler robots are easier to crawl the entire contents of our content.
What are the advantages of this particular sitemap for VioMagz?
Lighter because it doesn't add too many scripts, is more SEO and easily crawled by search engine robot spiders because it's part of the template structure. We only need to bring up that.
There is no need to add a lot of strange script code so that it reduces the potential for bad things to happen.
Okay, we just start the installation.
For those of you who should read the tutorial to install a contact form on Viomagz, click here
Because there are several parts in common, so you can copy them easily or maybe read them if you haven't had the chance.
- First you have to login to your Blogger account using Gmail as usual.
- Then enter the page menu, click New Page
- Enter page title
- Select the HTML writing mode then paste the following code.
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = { blogUrl: "https://www.viomagz.com/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: true, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: true, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 60, // 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: ' – <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>
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = { blogUrl: "https://www.viomagz.com/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: true, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: true, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 60, // 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: ' – <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>
- Change Posts that are blocked in green with your site address
- Then click save / publish, and finish
- You can see an example on YOUnipedia's page Sitemap
So that's a short and easy way to create a sitemap on the VioMagz template static page.
VioMagz is indeed a cool template, not only from the display but its features are also sophisticated.
VioMagz is indeed a cool template, not only from the display but its features are also sophisticated.