Cara Membuat Sitemap Pada Blog

   Ada beberapa cara membuat sitemap pada blog, namun saya akan memberikan dua Cara Membuat Sitemap Pada Blog yaitu Cara Membuat Sitemap sederhana otomatis blogger dan Membuat Sitemap SEO Keren.

Untuk membuat sitemap sederhana otomatis blogger silahkan anda ikuti langkah langkah berikut.

•  Masuk ke akun blogger anda.
•  Pilih menu Laman.
•  Buat Laman baru.
•  Pilih mode ' HTML '
•  Beri judul Daftar isi atau Sitemap ( atau terserah anda ).
•  Masukan kode berikut

  <script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://clickkplus.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> 

• Ganti clickkplus.blogspot.com dengan alamat blog atau website anda
• Publikasikan

Apabila anda ingin sitemap anad mempunyai scroll anda ganti kode diatas dengan kode di bawah ini.

 <div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px; width: 100%px;">
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://clickkplus.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

 Membuat Sitemap SEO Keren, agar tampilan sitemap terlihat lebih keren anda bisa lakukan langkah langkah dibawah ini.

 Caranya sama dengan cara diatas hanya kodenya yang berbeda, silahkan copy kode berikut.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><link href="https://googledrive.com/host/0B685uqap5sAIQWVXbHMyZ2ozX0U/sitemap.css" rel="stylesheet"></link>
<div class="table-of-content" id="table-of-content">
<span class="loading">Loading...</span></div>
<script>
var toc_config = {
    url: 'http://clickkplus.blogspot.com',
    containerId: 'table-of-content',
    showNew: 10,
    newText: ' - <strong style="font-weight:bold;font-style:italic;color:red;">New !!!</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="https://googledrive.com/host/0B685uqap5sAIc0tvWHphd1lvT0E/sitemap.js"></script>

Hal yang perlu diperhatikan

- Teks yang berwarna biru adalah jQuery. Apabila ditemplate agan sudah dilengkapi jQuery, singkirkan saja script warna birunya.

- Ganti teks yang berwarna merah dengan Alamat Blog Agan.

Sedangkan sitemap yang saya pakai adalah kode dibawah ini, kalau caranya tetap sama dengan yang diatas.

 <link rel="stylesheet" href="http://dte-project.googlecode.com/svn/trunk/blogger-toc-with-pagination_default-theme.css"/>
<script>
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "JQuery",
    loadingText    = "Loading...",
    totalPostLabel = "Jumlah posting:",
    jumpPageLabel  = "Halaman",
    commentsLabel  = "Komentar",
    rmoreText      = "Selengkapnya &#9658;",
    prevText       = "Sebelumnya",
    nextText       = "Berikutnya",
    siteUrl        = "http://clickkplus.blogspot.com",
    postPerPage   = 10,
    numChars       = 370,
    imgBlank       = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-toc-with-pagination.js"></script>

Simpan dan lihat hasilnya.