Cara dan Tips Pasang Daftar Isi dan Berdasarkan Label di Blog

Saya beritahu sitemap sangat dibutuhkan untuk merancang website/blog. Dengan sitemap memudahkan agar robot crawler search engine dan juga pengunjung blog akan  menemukan link informasi yang akan mereka kunjungi secara lebih cepat dan mudah.

Pada tutorial ini anda akan belajar membuat sitemap di blogspot. Halaman Sitemap akan menampilkan semua postingan yang telah anda publish dalam satu halaman dan kemudian lakukan mengupdate link postingan secara otomatis ketika anda menambahkan postingan baru. Coba kalian lihat pada halaman Sitemap saya, bagus bukan? Itu saya dapatkan dari tutorial saya ini mangkanya langsung di simak baik-baik ya.

Berikut Saya Berikan Cara Pasang Daftar Isi dan Berdasarkan Kategori/Label di Blog

Widget sitemap ini biasanya dipasang pada laman statis. Untuk hasil maksimal agar nampak lebih rapi, pasang widget ini pada halaman statis tersebut dengan main post 100%, dan cara pemasangannya adalah sebagai berikut ini:

1. Silahkan Login ke blogger anda, masuk ke dasbor blog.
2. Buat laman baru dengan mengklik menu Laman > Laman baru. Dan  jika Anda hanya sekedar mengganti sitemap yang lama lalu klik Edit.
3. Jangan lupa beri judul laman dengan nama “Daftar Isi” atau “Sitemap”, kemudian klik HTML.
4. Lalu hapus semua kode dalamyang ada di dalam laman tersebut, kemudian ganti dengan kode seperti di bawah ini.

<link rel="stylesheet" href="https://rawgit.com/bungfrangki/sitemap/master/accordion-toc-skin.css"/>

<div id="table-of-content" class="table-of-content">

Advertisement

<span class="loading">Memuat...</span></div>

<div class="credit-link">

<a href="//www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html" title="Accordion TOC by Taufik Nurrohman">&#9654; Accordion TOC</a></div>

<script>

var toc_config = {

    url: 'https://berseriau.blogspot.co.id/',

    containerId: 'table-of-content',

    showNew: 10,

    newText: ' &ndash; <strong style="font-weight:bold;font-style:italic;color:red;">Baru!</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://rawgit.com/bungfrangki/sitemap/master/accordion-toc-1.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

    Perhatikan kode di atas:

• Kode dengan tulisan tebal adalah jQuery library, jika kode ini (kode sejenis dengan versi lain) sudah ada di template blog anda, maka tidak perlu lagi menambahkan kode tersebut.

• Ganti https://berseriau.blogspot.co.id/ dan sesuaikan dengan domain atau alamat blog anda.

 5. Langkah terakhir ialah klik tombol Publishkan atau Perbarui. Jangan lupa untuk melihat hasilnya dengan membuka laman tersebut.