Cara Membuat Daftar Isi/Sitemap Otomatis Di Blog Versi terbaru

Cara membuat daftar isi/sitemap otomatis di blog versi Terbaru yang saya bagikan untuk Anda semua. Cara baru tersebut memang banyak kita jumpai dalam
tutorial blog yang lain. yang membedakan dengan punya saya adalah tanpa adanya backlink balik menuju blog sendiri.

Daftar isi dalam blog khususnya blogspot, memang sudah disediakan oleh pihak blogger sendiri. tetapi daftar isi tersebut berupa arsip yang di golongkan berdasarkan tanggap dan bulan artikel diterbitkan. Sementara daftar isi otomatis di blog yang saya share adalah daftar isi yang berdasaran label blog Anda. berikut ini adalah screenshot dari perwujudan cara terbaru dari saya.

Daftar isi itu juga dapat Anda letakkan pada sidebar blog ataupun membuatnya seperti postingan Anda sendiri. sebagai contohnya anda bisa lihat penggunaan dan tampilan detailnya di daftar isi - radja online 2014.

Cara Membuat Daftar isi/Sitemap Otomatis di Blog Versi Terbaru:

1. Login ke akun blogger Anda
2. Buatlah postingan baru seperti Anda sedang membuat artikel seperti biasanya.
3. Pilih mode “Entri HTML Bukan Compose” pada pojok kiri atas.
   
4. Copy Paste kode dibawah ini pada halaman HTML tersebut.
<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://radjaonline1.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>
5. Atur semua permanent link dan deskripsi yang ada pada kolom menu sebelah kanan sesuai keinginan.
6. Dan klik Publikasikan.

Cara Membuat Daftar isi/Sitemap Otomatis di Sidebar Blog Versi Terbaru

1. Sama seperti cara diatas, masuk dulu ke blogger.
2. Masuk ke dashboard
3. Pilih “Tata Letak” dan Klik “Tambah Gadget”
4. Pilih yang “Widget HTML/JavaScript”
5. Copy dan Pastekan code script dibawah ini kedalamnya.
<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://radjaonline1.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. Jika sudah selesai, klik Simpan

Keterangan Untuk Warna dari code script diatas:

• Kode warna biru adalah jQuery. Apabila ditemplate Anda sudah dilengkapi jQuery, singkirkan saja script warna birunya.
• Kode warna merah Silahkan diganti dengan URL blog Anda.

Trima Kasih Atas Kunjungan Anda