Membuat Daftar Isi Blog Otomatis Sesuai Urut Abjad

Membuat Daftar Isi Blog Otomatis Sesuai Urut Abjad

By Unknown - Mar 2, 2013 - 12 Comments

Selamat pagi sobat TammamBlog semuanya. Kali ini Saya mau share tutorial blogger lagi nih. Tutorialnya judulnya gimana sih cara bikin daftar isi blog otomatis yang sesuai abjad. Oke deh silahkan disimak ya dibawah ini.
Untuk membuat daftar isi sebenarnya ada banyak cara. Ada juga dafatr isi yang sesuai label, mungkin lain kali akan Saya share. Tapi kali ini kita pelajari dulu deh membuat yang sesuai abjad.

Klik disini untuk melihat demontrasinya

Kita memanfaatkan script yahoo pipes untuk membuat daftar isi yang sesuai abjad. Apa itu Yahoo Pipes ? Yahoo Pipes itu intinya adalah berfungsi untuk memanipulasi feed yang ada pada blog kita. Apa saja kelebihannya ? Coba deh dibaca ni yang ada di bawah :

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

Bagaimana cara membuatnya ? Silahakn ikuti langkah-langkah di bawah ini :

• Pertama silahkan masuk ke akun blogger Anda.
• Kemudian buatlah laman khusus untuk dijadikan daftar isi, dengan cara klik laman - buat laman. Jangan lupa untuk memilih mode HTML
• Lalu copylah script 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 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>

• Di bawah ini adalah beberapa hal yang bisa Anda ubah :

  Ganti http://alamat_blog_anda.blogspot.com dengan URL blog sobat
  Ganti kata alphabet menjadi chrono kalau sobat blogger menginginkan daftar isi tidak di atur berdasarkan Abjad atau Alphabet
  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).
  Untuk menghilangkan jumlah komentar yang tampil dalam daftar isi ini, hapus kode document.write(pComment); //to remove comment count delete this line
  Ganti kata bold menjadi normal kalau sobat blogger ingin judul posting tidak tampil dengan tulisan tebal

• Terakhir, pratinjau terlebih dahulu sebelum di Publish.

Itu tadi adalah tutorial singkat bagaimana membuat daftar isi blog otomatis yang sesuai urut abjad. Semoga bisa bermanfaat. Apabila ada pertanyaan atau Anda masih bingung bisa tanyakan lewat kotak komentar di bawah

Share This:

• Like
• Tweet
• +
• Pin it

Post Tags:

Blog

• Prevoius
• Next

Gusti Tammam

Blogger paling malas !
Terimakasih sudah berkunjung di blog Saya, sebelumnya maaf jika blog ini terkesan berantakan. Seperti yang Saya bilang, Saya blogger yang malas. Namun Saya masih punya harapan, semoga tulisan-tulisan Saya ini bisa bermanfaat untuk Anda para pengunjung.

• Social Links:

• Rss
• Facebook
• Twitter
• Google+
• Linkedin
• Youtube