» » » » Membuat Daftar Isi Blogger

Membuat Daftar Isi Blogger

Sebenarnya untuk tutorial Membuat Daftar Isi Blogger sudah pernah saya bikin, cuma kali ini saya buat beberapa macam jadi tinggal teman pilih mau memakai yang mana, Daftar Isi Berdasarkan Tanggal Postingan, menurut artikel terbaru atau berdasarkan label.
Untuk tutorialnya saya bikin jadi dua supaya lebih jelas, pertama untuk halaman / page dan kedua untuk widget / gadget.

Yang pertama kita menciptakan sebuah halaman yang berisi daftar isi, berikut tutorialnya :
  • Login ke blogger.
  • Klik Laman > Laman Baru > Laman Kosong.
  • Beri judul Daftar Isi atau Sitemap atau apalah terserah Anda.
  • Kemudian klik pada tab Edit HTML.
    Sebenarnya untuk tutorial Membuat Daftar Isi Blogger sudah pernah saya bikin Membuat Daftar Isi Blogger
  • Lalu letakkan instruksi berikut pada area artikel.
    <div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
    <script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
    <script src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>
    </div>
    Keterangan :
    • Ganti Alamat wadahtutorial.blogspot.com dengan url / alamat blog Sobat.
    • width:480px : Lebar area, ganti dengan ukuran yang teman inginkan.
    • height:450px : Tinggi area, ganti sesuai harapan sobat.
    • Untuk tidak memakai text area atau scroll hapus goresan pena yang saya beri latar kuning.
    • https://html-scripts.googlecode.com/files/feeds.js : ganti dengan alamat daftar isi yang anda inginkan. Berikut beberapa kodenya :
      1. Berdasarkan Label :
        https://html-scripts.googlecode.com/files/feeds-labels.js
      2. Berdasarkan Tanggal :
        https://html-scripts.googlecode.com/files/feed-dates.js
      3. Berdasarkan Artikel terbaru :
        https://html-scripts.googlecode.com/files/feeds.js
  • Klik tombol Preview / Pratinjau untuk melihat hasilnya, jikalau sudah benar klik Publish Page / Tayangkan Laman. Lalu buka Blog Sobat dan lihat hasilnya…
Yang kedua kita Membuat Widget Daftar Isi, berikut tutorialnya :
  • Pada dashboard blogger, klik Tata Letak.
  • Klik Tambah Gadget.
  • Pilih HTML/Javascript.
  • Silakan beri judul pada widget. Lalu letakkan instruksi berikut :
    <div style="overflow:auto;height:250px;padding:10px;border:1px solid #eee">
    <script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
    <script src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>
    </div>
    • Ganti Alamat wadahtutorial.blogspot.com dengan url / alamat blog Sobat.
    • Ganti https://html-scripts.googlecode.com/files/feeds.js dengan instruksi daftar isi dibawah ini :
      1. Berdasarkan Label :
        https://html-scripts.googlecode.com/files/feeds-labels.js
      2. Berdasarkan Tanggal :
        https://html-scripts.googlecode.com/files/feed-dates.js
      3. Berdasarkan Artikel terbaru :
        https://html-scripts.googlecode.com/files/feeds.js
  • Klik tombol SAVE. Lalu lihat akibatnya di Blog Sobat.
Jika teman ingin menampilkan daftar isi menurut salah satu label di blog teman silakan baca postingan Membuat Daftar Isi Label Tertentu.

Selamat mencoba dan semoga berhasil Membuat Daftar Isi Blogger.
0 Komentar untuk "Membuat Daftar Isi Blogger"

Back To Top