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 : PENYEBAB DAN SOUSI MCB TRIP (JEGLEK) SAAT MENYALAKAN KOMPUTER

Seringkali kita temui permasalahan saat hendak menyalakan komputer, salah satunya yaitu MCB Jeglek, dalam bahasa teknik jeglek biasanya disebut dengan trip. Berikut ini akan kami jelaskan mengenai penyebab MCB trip/jeglek saat menyalakan komputer. Penyebab : Dalam istilah tehnik hal yang menyebabkan " jeglek"- nya breaker / MCB isi disebut dengan " inrush current ", atau Arus Lonjakan. Lalu kenapa ada  inrush current  ini ? dan bagaimana solusinya ? Kenapa : Lonjakan arus ini terjadi pada semua perlatan listrik yang menggunakan prinsip  electromagnetic  atau semua yang berhubungan dengan liitan / induksi dan capasitor. Saya akan menjelaskan yang terjadi pada PSU,  Inrush current  ini digunakan untuk mengisi / charge capasitor penstabil tegangan, yang tadinya kosong waktu mati, dengan sangat cepat. Berdasarkan hukum Ohm, bahwa arus yang mengalir dalam sebuah rangkaian berbanding terbalik dengan resistansi, serta berbanding lurus dengan tegangan. I=V/R Saat t...
Posting Komentar
Baca selengkapnya

Situs Penyedia Layanan Statistic Counter

Situs Penyedia Layanan Statistic Counter | Tutorial Blog Statistic Counter atau Web Counter sangat berguna untuk mengetahui jumlah pengunjung yang datang ke website/blog Anda. Jika Sobat ingin memasangnya terlebih dulu Anda harus mengcopy kode yang di berikan situs penyedia layanan counter, lalu paste pada widget HTML blog Sobat. Dibawah ini beberapa situs web penyedia layanan counter gratis (FREE COUNTER) : Superstats Menyediakan layanan pencatat statistik yang dapat digunakan untuk mengetahui siapa pengunjung situs web Anda. Statistik yang didapat adalah jumlah pengunjung, tipe browser yang digunakan, nama domain, alamat IP, pola trafik situs web dan lain sebagainya. SuperStats memungkinkan Anda untuk mengetahui dari mana pengunjung mendapatkan link ke situs web Anda. Freestats Menampilkan berapa banyak pengunjung situs Anda, berapa banyak pengunjung unik tiap hari dan tiap bulan dan juga menunjukkan siapa mereka dan dari halaman web mana mereka datang. 123counters Counter gratis dar...
Posting Komentar
Baca selengkapnya