Cara Membuat Daftar Isi Blog Berdasarkan Abjad

Yahoo Pipes adalah sebuah tool yang sangat ampuh atau bagus untuk komposisi agregat, memanipulasi, dan konten Mashup dari seluruh web. Daftar isi yang di buat menggunakan Yahoo Pipes bekerja dengan cara menggabungkan feed yang banyak menjadi satu, kemudian mengurutkannya, menyaringnya dan menerjemahkannya.

Berikut ini keterangan tentang Yahoo Pipes yang saya petik dari Official Site Yahoo Pipes :
Pipes is a powerful composition tool to aggregate, manipulate, and mashup content from around the web.
Like Unix pipes, simple commands can be combined together to create output that meets your needs:

1. combine many feeds into one, then sort, filter and translate it.
2. geocode your favorite feeds and browse the items on an interactive map.
3. power widgets/badges on your web site.
4. grab the output of any Pipes as RSS, JSON, KML, and other formats.

---

Kelebihan Menggunakan Daftar Isi Yahoo Pipes

---

1. Daftar isi di atur berdasarkan Abjad
2. Daftar isi tidak berdasarkan Label Blog
3. Daftar Isi bisa di Susun atau di atur menggunakan angka
4. Daftar isi bisa di susun atau di atur menggunakan Bullet List
5. Daftar isi memiliki tampilan yang simple
6. Daftar isi menampilkan jumlah komentar disamping kanan Post Title (Judul Posting)

---

Cara Membuat Daftar Isi Blog Menggunakan Yahoo Pipes

---

• Sign In di Blogger.com
• Klik tombol Create New Post
• Masukkan kode di bawah ini di tempat sobat blogger biasa menulis posting. Tapi perlu ingat, harus dalam mode HTML bukan Compose

<!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<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 pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
 document.write(pList);
 document.write(pComment); //to remove comment count delete this line
 document.write('</a></li>');
 }
 document.write('</ul>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://URLBLOGANDA.blogspot.com
 &Order=alphabet
 &_id=401e43055731c1a29f1e1d3eb5e8e13f
 &_callback=getYpipeTL
 &_render=json"
type="text/javascript"></script>
<p style="display:none;">TOC by <a href="http://www.tutorialblogspot.com/">Tutorial Blogspot</a></p>
<!-- Alphabetical Post Title Listing End -->

• Klik tombol Preview sebelum di Publish

Perubahan yang bisa dilakukan :

1. Ganti http://URLBLOGANDA.blogspot.com dengan URL blog sobat
2. Ganti kata alphabet menjadi chrono kalau sobat blogger menginginkan daftar isi tidak di atur berdasarkan Abjad atau Alphabet
3. Bentuk default dari Daftar Isi ini menggunakan Bullet list. Kalau ingin dirubah menjadi angka, ganti kode ul menjadi ol (ada dua kode ul di dalam kode daftar isi, ganti kedua kode itu).
4. Untuk menghilangkan jumlah komentar yang tampil dalam daftar isi ini, hapus kode document.write(pComment); //to remove comment count delete this line
5. Ganti kata bold menjadi normal kalau sobat blogger ingin judul posting tidak tampil dengan tulisan tebal

Tambahan :

• Publish daftar isi tersebut tetap dalam mode HTML bukan Compose
• Jika daftar isi tetap tidak muncul, rubah pengaturan posting yang terdapat disebelah kanannya sehingga pengaturannya seperti gambar di bawah ini!

Tips yang berkaitan dengan tutorial di atas :

1. Cara membuat widget daftar isi dengan bullet list