jump to navigation

Membuat daftar isi di blog August 6, 2009

Posted by sweetmagic in Ilmu.
trackback

Daftar isi merupakan salah satu komponen penting didalam blog agar pembaca dapat melihat keseluruhan tulisan yang telah dibuat. Sebelumnya WordPress.com tidak mempunyai fasilitas ini sehingga untuk membuat daftar isi harus dibuat secara manual dengan menuliskan link satu persatu. Namun saat ini WordPress.com telah menambahkan fasilitas untuk membuat daftar isi secara otomatis.

Cara membuatnya cukup mudah yaitu dengan menambahkan kode

ke dalam halaman, postingan ataupun sidebar. Namun sebaiknya berada di sebuah halaman agar lebih memudahkan pembaca melihatnya.

Cara membuat halaman Daftar Isi

Anda akan mempunyai sebuah halaman Daftar Isi. Biasanya halaman akan mempunyai link khusus diatas blog (dibawah header)  seperti pada themes ini. Namun nanti bisa berbeda setiap themesnya. Contoh daftar isinya seperti ini:

Selain berbentuk list seperti diatas dapat pula berbentuk drop down. Kodenya adalah .Contohnya:

— Cara Memainkan Video MKV Themes Untuk Google Chrome Mbah Surip Telah Tiada Awas, Ikutan Kontes SEO di Blog WordPress.com Bisa Kena Blokir Menambah Peta Dalam Postingan Membuat Daftar Isi Otomatis di WordPress.com Yahoo Mempergunakan Bing Sebagai Mesin Pencarinya Tampilan Baru Halaman Depan Twitter Kiriman Rejeki dari Kapanlagi Aplikasi Chat Mig33 4.10 Resmi Diluncurkan

Namun model drop down ini panjangnya menyesuaikan judul posting terpanjang. Jadi ukurannya boxnya kadang jadi panjang.

Dapat pula disetting hanya menampilkan bulan atau tanggal (tidak menampilkan judul postingan). Contohnya seperti ini:

Kode pengaturan selengkapnya ada di Support WordPress.

Sayangnya belum ada kode yang bisa menampilkan daftar postingan perbulan beserta tanggalnya seperti daftar isi blog ini (kalau ini manual bikinnya hehe). Atau minimal setiap link postingan ada tanggal pembuatannya. Hal ini sudah saya usulkan di Wordress, siapa tahu nanti disetujui :D

Semoga Bermanfaat

sumber: darmawan.com

Comments»

No comments yet — be the first.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: