Membuat Daftar Isi Pada Widget Blog

Sebenarnya untuk tutorial Membuat Daftar Isi Blogg sudah bebera postingan, tapi ada sebagian tutorial yang tidak work alias tidak tampil. sehingga saya memastikan untuk memposting dari sumber yang terbaru.

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.
  
  
  
  
• 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://eppoh.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
  </script>
  
  
  
  Keterangan :
  
  • Ganti Alamat eppoh.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://eppoh.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
  </script>
  
  </div>
  
  
  • Ganti Alamat eppoh.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.

Selamat mencoba dan semoga berhasil Membuat Daftar Isi Blog.

sumber
wadahtutorial