Cara Membuat daftar isi / Sitemap di Blog

Cara membuat daftar isi / Sitemap di blog - Aku Kuat Blog's, Sebelum saya membuat artikel "cara membuat Sitemap efek Jquery V2" ini, saya pernah memposting turorial Membuat Sitemap Seo Keren di Blog V1. Pada artikel kali ini saya mendapat inspirasi dari Mas Taufik. Ok langsung saja sedot tutorialnya gan.

Penampakannya (Klik untuk memperbesar)

(DEMO)

PROSES MEMBUAT SITEMAP

1. Silahkan Copy dulu kode di bawah ini.

<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://bagus-programmer-arpega.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

2. Masuk ke Dashboard blogger, lalu klik pages.

3. Klik Blank page. Perhatikan gambar berikut.

4. Pastekan kode javascript tadi ke kolom edit, pastikan anda memilih mode (HTML), lihat gambar berikut.

Selesai dah :D