Cara Membuat Daftar Isi Blog

Saya akan berbagi cara membuat Page Sitemap atau halaman Daftar Isi di blog untuk mempercantik dan supaya tampilan Blog atau website kita lebih SEO Friendly sehingga membuat Betah Para Pengunjung dan akan mampir lagi ke situs kita.

Daftar Isi Putralief-Cyber

Berikut Contoh Tampilan untuk Daftar Isi atau Sitemaps di blog putralief-cyber :


Sitemaps atau Daftar isi ini menampilkan Judul Postingan sesuai dengan label.

Widget Daftar Isi atau Sitemaps ini menurut putralief-cyber sangat keren dan ringan oleh sebab itu saya gunakan untuk putralief-cyber seperti yang terlihat pada tampilan diatas.

1. Menampilkan Accordion effect
2. Menampilkan Efek Show and Hide
3. Mengurutkan Judul Secara Otomatis
4. Warna yang berbeda untuk konten
5. Menggunakan style buka tutup
6. Menampilkan tulisan "New !!" pada 10 postingan yang baru-baru ini kita publikasikan

Cara Membuat Widget Daftar isi :

1.Login di blogger.com
2.Klik Page atau Laman kemudian Create New Post

3.Buat Judul untuk Daftar isi ini

4.Klik HTML

5.Masukkan kode berikut :
<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://putralief-cyber.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>

6. Setelah itu Ganti http://putralief-cyber.blogspot.com yang berwarna merah di atas menggunakan url blog anda.

7. Kemudian Klik Publish untuk mendapatkan url page daftar isi tersebut.

8. Copy url page "Daftar Isi" anda dan taruh di template anda.

Sekian Tutorial Cara membuat Page Daftar Isi di blog. Jika artikel ini bermanfaat silahkan di share dan jika ada yang belum jelas bisa hubungi putralief-cyber atau komentar dibawah.