google-site-verification=UZOJzgQVIWen0hhmMkzbFt_zhpkperI9dij4XvLIaW8 Membuat Daftar isi berdasarkan Label google-site-verification=UZOJzgQVIWen0hhmMkzbFt_zhpkperI9dij4XvLIaW8 google-site-verification=UZOJzgQVIWen0hhmMkzbFt_zhpkperI9dij4XvLIaW8

16 Juli 2010

Home » » Membuat Daftar isi berdasarkan Label

Membuat Daftar isi berdasarkan Label

Pernah mendengar tentang daftar isi berdasarkan label? coba anda tengok di sidebar blog saya sebelah kanan, di bawah judul Blog content, ada Daftar isi berdasarkan label dan tanggal posting. Daftar isi berdasarkan label, yaitu daftar isi yang terpampang sesuai label yang kita pasang.Adapun daftar isi berdasarkan tanggal posting yaitu daftar isi yang tertera berdasarkan postingan kita sesuai tanggal ketika kita mem-publish-kan postingan tersebut. Adapun tujuan di pasangnya daftar isi ini untuk memudahkan pengunjung mencari artikel/materi yang dibutuhkan, tentunya hal ini sebagai salah satu bentuk pelayanan prima bagi pengunjung, apalagi jika artikelnya sudah banyak.
(trik ini saya dapat dari: Saungweb.blogspot.com)

Cara membuat daftar isi berdasarkan label dan atau postingan adalah sebagai berikut:

1.Login dulu ke http://www.blogger.com/
2.Kemudian buat sebuah Entri Baru dan pilih Edit HTML.
3.Berilah judul, misalnya: Daftar Isi Berdasarkan Label.
4.Copy Paste script dibawah ini dan ganti nama usi2506.blogspot.com
dengan nama Blog anda

<script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"> </script>
<script src="http://usi2506.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>


5.Setelah di-paste, klik Terbitkan Entri atau publish dan lihat hasilnya
6.Kalau artikelnya sudah banyak bisa ditambah fungsi scrol yang di pasang sebelum code no. 4 , sehingga lengkapnya akan seperti ini

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
<p align="center">
<font size="4">Daftar Isi Blog Berdasarkan Label / Category</font></p>
<script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"></script>
<script src="http://usi2506.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<p>
Untuk melihat <a href="http://usi2506.blogspot.com/search?max-results=200" target="_blank">Daftar Isi Berdasarkan Tanggal Posting</a> silahkan di klik aja sob.</p>
</div>


7.Langkah selanjutnya tinggal buat link yg menuju ke postingan ini
dan bisa disimpan di navbar menu atau di sidebar dll, contoh:

<a href='http://usi2506.blogspot.com/2010/07/daftar-isi-berdasarkan-label.html' target='_blank'>Daftar Isi Berdasarkan Label </a>
dan :
<a href='http://usi2506.blogspot.com/search?max-results=200' target='_blank'>Daftar Isi Berdasarkan Tanggal Posting</a>

Selamat mencoba semoga berhasil dan untuk daftar isi berdasarkan tanggal posting tunggu postingan selanjutnya yaaaa…..

Related Post



Tidak ada komentar:

Posting Komentar

Tulis Komentar anda di sini

Related Posts with Thumbnails
Loading