Sabtu, 22 Februari 2014

Cara Mudah Membuat Daftar Isi Otomatis di Blogspot

Leave a Comment
Cara Mudah Membuat Daftar Isi di Blog Otomatis – Banyak blogger yang ingin mengetahui bagaimana cara membuat daftar isi secara otomatis dan dikelompokan berdasarkan label/ categories, sebenarnya sudah banyak tutorial ini diluaran sana tetapi katanya beberapa tutorialnya tidak jelas dan bahkan beberapa script HTML yang digunakan bermasalah (biasanya muncul pemberitahuan pada webmaster tools jika ada kesalahan script yang digunakan). Sehingga Menu "DAFTAR ISI" atau "TABLE OF CONTENTS" pada Blog/ Web tidak bisa dibuka oleh pengunjung.

Tutorial cara membuat daftar isi di blog yang saya bagikan kali ini cukup mudah untuk diterapkan. Kurang lebih nya tampilan daftar isi akan tersusun rapi (silahkan lihat gambar di bawah ini).

daftar isi otomatis di blogspot

Jika anda tertarik untuk membuat Menu daftar isi seperti gambar di atas, silahkan ikuti langkah-langkah berikut:
Pada dashbor blog anda pilih LAMAN atau PAGE jika anda menggunakan bahasa inggris.

menu laman kosong

Selanjutnya klik LAMAN BARU Kemudian pilih LAMAN KOSONG setelah tampil halaman seperti ketika anda akan membuat artikel.

Kemudian pilih HTML pada pilihan tempat anda menulis. Ingat HTML bukan COMPOSE. Silahkan masukan judul yang sesuai dengan keinginan anda (Misal: Daftar isi atau Table of Contents), juga deskripsi di sebelah kanan silahkan isi sesuai kebutuhan anda.

Selanjutnya silahkan copy kode dibawah ini dan salin atau paste di Kolom HTML tadi.

<div style="border: 1px solid #eee; height: 600px; overflow: auto; padding: 10px; width: 600px;">
<script src="https://html-scripts.googlecode.com/files/feeds-labels.js"></script>
<script src="http://my-onlinetips.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>

Silahkan kode warna yang berwarna biru diganti dengan URL blog anda.
Jika semuanya sudah slahkan klik PUBLIKASIKAN.

Catatan:
  • Border: bisa dirubah baik warna dan ketebalannya.
  • Height (tinggi halaman) & Width (lebar halaman): bisa anda rubah sesuai keinginan.
  • Padding: juga bisa anda sesuaikan.
  • Untuk artikel terbaru akan muncul keterangan bahwa artikel tersebut adalah artikel terbaru.
  • Daftar isi tersusun rapi sesuai dengan label.
Sekarang blog anda sudah memiliki daftar isi, jika anda membuat artikel baru maka akan secara otomatis masuk kedalam daftar isi tersebut.
Saya rasa sudah cukup jelas dan bagi sahabat blogger yang masih bingung, bisa bertanya di kolom komentar. Semoga bermanfaat dan terima kasih.


0 komentar:

Posting Komentar