Membuat Daftar Isi Blog Otomatis Alfabetis

Bagi para pengguna internet pastinya menginginkan untuk dengan mudah mendapatkan informasi dari sebuah website. Untuk itu, seperti membaca sebuah buku, pembaca juga terlebih dahulu melihat daftar isi setelah memilih sebuah buku. Setelah melihat daftar isi tentunya mereka mencari sub judul yang sesuai dengan yang mereka butuhkan. Setelah itu mereka mulai membuka dan membaca ke halaman yang diharapkan dapat memenuhi kebutuhannya.

Sebagaimana diuraikan di atas, alangkah baiknya jika blog memiliki sebuah daftar isi. Oleh karena itu dalam kesempatan ini kami memberikan cara membuat daftar blog otomatis secara alfabetis. Berikut ini adalah langkah-langkahnya:

Masuk blogger
Buat laman
Berikan judul "Daftar Isi" atau "Sitemap"
Setting dari mode Compose ke mode HTML
Masukkan kode berikut ini:


Silakan ubah alamat blog ini menjadi alamat blog Anda.

Simpan dan lihat hasilnya di sini


Untuk tampilan sitemap tanpa "Comment", Anda bisa menggunakan kode di bawah ini:

<script type="text/javascript">
function getYpipeTL(feed) {
 document.write('<ul style="font-weight:bold">');
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;

var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
 document.write(pList);

 document.write('</a></li>');
 }
 document.write('</ul>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://pusatsemangat.blogspot.com
 &Order=alphabet
 &_id=401e43055731c1a29f1e1d3eb5e8e13f
 &_callback=getYpipeTL
 &_render=json"
type="text/javascript"></script>

[DEMO]

Dengan daftar isi semacam ini diharapkan bisa membantu para pengunjung blog Anda untuk mencari referensi atau sumber inspirasi yang mereka butuhkan.

Tweet