Cara Membuat Sitemap HTTP/HTTPS Blogger Urut Abjad Keren Dan Responsive

Bagi sobat Jokam Informatika pastinya akan bertanya-tanya tentang Sitemap ? apabila anda ingin membuat daftar isi sebuah website milik anda maka anda tidak salah tempat dan cocok datang pada artikel ini. Sitemap adalah salah satu metode untuk memberikan fitur daftar isi layaknya buku pada perpustakaan.

Sitemap - adalah sebuah bahasa pemrograman website yang dapat mencakup banyak artikel lebih dari puluhan untuk ditujukan agar pembaca dapat melihat isi dari website tersebut memiliki artikel apa saja didalam sebuah website. pada dasarnya sitemap tersebut digunakan agar para pembaca dapat mengetahui apa sajakah isi dari dalam website kita tersebut.

Sitemap sendiri memiliki banyak gaya style, warna dan juga penempatan fiturnya tergantung dari selera si pembuatnya. Berikut ini saya akan membagikan cara membuat Sitemap yang memiliki style berdasarkan huruf abjad dan tentunya juga sangat menarik untuk dilihat para pengunjung website anda.

Berikut ini merupakan cara untuk membuat sitemap :

Pertama, Masuk kedalam dashboard blogger anda.
Kedua, Pilih menu " Pages > New Page ".

Ketiga, Lakukan seperti gambar berikut ini :

Keterangan :
(1). Pada judul isi dengan "Sitemap".
(2). Pilih mode "HTML".
(3). Paste kode dari saya di tempat tersebut.
(4). Update

Untuk kodenya, anda dapat 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">LOADING . . .</span></div>
<script>
var tabbedTOC = {
blogUrl: "https://www.jokam-informatika.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: 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: 9999, // 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: 10, // `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 rel="nofollow" src="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>

Keteranngan :
Ganti alamat website www.jokam-informatika.com pada BlogUrl menjadi alamat website milik anda.

Baca juga lainnya :

Mungking itulah yang dapat saya sampaikan didalam artikel saya yang berjudulkan Cara Membuat Sitemap HTTP/HTTPS Blogger Urut Abjad Keren Dan Responsive.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang menginginkan sebuah sitemap yang keren dan juga responsive tentunya.
Sekian dan Terimakasih.

Kata kunci terkait :