Langsung ke konten utama

Membuat Daftar Isi Blogger

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

Yang pertama kita membuat 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.
    membuat daftar isi blog
  • Lalu letakkan kode 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 sobat inginkan.
    • height:450px : Tinggi area, ganti sesuai keinginan sobat.
    • Untuk tidak menggunakan text area atau scroll hapus tulisan 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, jika 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 kode 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 kode 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 hasilnya di Blog Sobat.
Jika sobat ingin menampilkan daftar isi berdasarkan salah satu label di blog sobat silakan baca postingan Membuat Daftar Isi Label Tertentu.

Selamat mencoba dan semoga berhasil Membuat Daftar Isi Blogger.
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

ILMU TEKNIK : Jenis Kikir, Bagian Kikir beserta Cara Pemegangan dan Posisi Pengikiran yang Benar

Nama Bagian dan Bentuk Kikir Mengikir adalah salah satu dari banyak macam kerja bangku yang penting dan juga sulit untuk mencapai hasil yang tepat. Pada umumnya untuk pekerjaan-pekerjaan yang sederhana mengikir akan lebih ekonomis, baik biaya maupun waktunya, dibandingkan dengan menggunakan mesin-mesin modern. Kikir terbuat dari baja karbon tinggi yang ditempa, dan dibedakan menurut panjang, bentuk penampang, jenis dan kekasaran gigi pemotongnya Bentuk penampang kikir yang sering digunakan pada pekerjaan logam adalah bentuk rata, segi empat, segi tiga, bulat, setengah bulat, bujur sangkar, dan ellip. Jenis Gigi Kikir Kikir dapat diklasifikasikan menjadi dua jenis berdasarkan pada jenis gigi pemotongnya, yaitu kikir bergigi tunggal dan kikir bergigi kembar/dua. Kikir dengan gigi potong tunggal digunakan untuk pemotongan benda kerja secara halus. Artinya pemotongan tidak dapat dilaksanakan secara tepat, tetapi hasil pengikiran pada permukaan benda kerja menjadi lebih halus. Kikir bergigi...
Posting Komentar
Baca selengkapnya

ILMU TEKNIK : JENIS-JENIS KAYU UNTUK KUSEN RUMAH

1.       KAYU JATI Merupakan  Kayu yang memiliki warna umum coklat ini mem iliki urat bewarna coklat gelap  Kayu Jati terkenal akan kekuatan dan kepadatannya, yang mempengaruhi durabilitas kayu ini. Minyak didalam Kayu Jati dianggap membuatnya menjadi lebih tahan rayap, dan pori-pori nya yang kecil menyebabkan kayu ini dapat di finishing sangat halus.Kepadatan Kayu Jati membuatnya menjadi kayu favorit untuk dibuat ukiran. Kayu jati memiliki kekerasan antara 630-720 Kgs/M3 Kayu Jati saat ini juga sering diburu bekas-nya untuk menghasilkan produk berkesan rustic, dan dengan berbagai karakter yang disebutkan tadi Kayu Jati sangat cocok untuk di jadikan furniture berkelas dan bahan bahan ukiran. 2.       KAYU MERANTI Merupakan  Kayu yang bahasa latinnya Mahoni Philipina sering kita temui berwarna coklat ke merahan dan tanpa urat (grain)  Kayu Meranti atau sering juga disebut Kayu Kalimantan merupakan kayu yang s...
Posting Komentar
Baca selengkapnya

Ternyata ini Alasan Kenapa JavaScript Tidak Memperbaiki Kekurangannya

Contoh kasus yang belum lama terjadi di lanskap Javascript:  Smooshgate . Pada tahun 2018, sebuah proposal fitur baru JavaScript mencapai  stage 3  dan siap menjalani uji implementasi, yaitu fungsi  Array.prototype.flatten . Fungsi tersebut membuat array yang bertingkat menjadi hanya satu tingkat, misalnya  [1, [2, 3]].flatten() akan menghasilkan  [1, 2, 3] . Fitur baru berdasarkan spesifikasi tersebut diluncurkan di Firefox Nightly untuk pengujian, masalah pun ditemukan. Seseorang melaporkan  bug  di Bugzilla untuk rilis Firefox Nightly, ia menemukan sebuah situs cuaca di Jerman,  http://wetteronline.de   tidak berfungsi sebagai mana mestinya akibat  polyfill  yang dilakukan MooTools terhadap  Array.prototype.flatten  yang memiliki ketidakcocokan dengan spesifikasi flatten yang akan diluncurkan [1] . Melihat masalahnya adalah dengan MooTools, seorang kontributor lain di Bugzilla menduga situs yang akan mengalami masa...
Posting Komentar
Baca selengkapnya