Cara Memasang Sitemap Responsive Otomatis diblogger

Apa Itu Sitemap?

Bagi kamu yang belum tau apa itu Sitemap adalah daftar isi pada suatu blog, seperti halnya sebuah buku, blog kamu juga bisa memiliki daftar isi. Semua artikel yang pernah kita tulis atau yang pernah kita terbitkan artikel diblog akan muncul di Sitemap yang kita buat untuk memudahkan pengunjung mencari.

Apa Fungsi Sitemap?

sudah saya jelaskan diatas Sitemap Tidak berbeda dengan daftar isi, fungsi Sitemap adalah untuk memudahkan pengunjung mencari sesuatu artikel yang mereka perlukan di blog kita.

Bagaimana Cara Membuat Sitemap?

Caranya sangat mudah, kita cukup memasukan Script di Laman kita

Login ke blogger.com
Pada menu "Laman" klik "Laman baru"
Ubah settingan dari "Compose" menjadi "HTML" (terletak di bagian kiri atas)

Masukkan Script dibawah ini pada laman yang anda buat tadi.

<style>
#tocTable {
  text-transform: capitalize;
  font-family: monospace;
  border-collapse:collapse;
  text-align:left;
  margin:0 0 5px;
}
#tocTable th,
#tocTable td {
  border:1px solid #eee;
  padding:10px 15px;
  color: darkgrey;
}
#tocTable th {
  background-color:darkgray;
  font-weight:bold;
  color:white;
}
#th-1 {
  width:60%;
  background-color:#5A930D;
}
#th-2 {width:15%},#th-3 {width:25%}
#tocTable td.toc-header-col-1,
#tocTable td.toc-header-col-2 {
  padding:0 !important;
  background-color:transparent;
}
#tocTable a {
  display:block;
  text-decoration:none;
  padding:10px 15px;
  background:none;
}
#tocTable td.toc-header-col-1:hover,
#tocTable td.toc-header-col-2:hover {
  background-color:#fafafa;
}
#tocSort {
  display:block;
  width:220px;
  color:#333;
  cursor:pointer;
  border:none;
  outline:none;
  background-color:#eee;
  margin:0 0 2px 0;
  padding:5px;
}
</style>
<script>
var theTotalPosts  = 9999, // Tentukan jumlah maksimal posting
    theOptions     = "Sortir...",                // Label opsi 1
    theSortPosts   = "Sortir berdasarkan Abjad", // Label opsi 2
    theSortLabels  = "Sortir berdasarkan Label", // Label opsi 3
    theTitles      = "Artikel",  // Header tabel 1
    theLabels      = "Kategori",  // Header tabel 2
    theDates       = "Publikasi",   // Header tabel 3
    theBlankLabels = "Tak Berlabel",   // Label kosong
    theSiteUrl     = "http://hendblogku.blogspot.com/"; // URL blog kamu
</script>
<script src="https://sites.google.com/site/hendblogku/file-koleksi/Sitemap%20Responsive.js"></script>