Menampilkan daftar isi sebuah blog merupakan sebuah kebutuhan agar pembaca dapat memperoleh informasi apa yang kita sajikan dengan mudah, tapi dalam beberapa hal ini juga merupakan sebuah dilema karena dengan banyaknya artikel yang kita muat akan membuat loading saat membuka blog cukup lama sehingga bisa mengganggu kenyamanan pengunjung.
Ada beberapa cara untuk menampilkan isi blog diantaranya adalah :
  • Recent Post ( artikel terbaru )
  • Top Posting ( artikel populer )
  • Random Post ( artikel acak )
  • Membuat Daftar Isi
  • Related Post, etc
Sekarang kita akan mencoba membahas mengenai daftar isi dengan menampilkan hanya sebagian berdasar label posting.
untuk lebih jelasnya ikuti langkah berikut :
  1. Klik Page Element
  2. Klik Add Gadget
  3.   AddGadget
  4. Klik plus button (+) for HTML/JavaScript. (img)

    HTML
  5. Copy and paste kode dibawah ini

<script style="text/javascript">
var numposts = 500;
var standardstyling = true;
</script>

<script type='text/javascript' src='http://hdesign-code.googlecode.com/files/label-post.js'></script>

<h3>Arsitektur</h3>
<ul>
<script src="http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Arsitektur?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=100"></script>
</ul>
<br />

<h3>Rumah Adat</h3>
<ul>
<script src="http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Rumah%20adat?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=100"></script>
</ul>


Keterangan :
  • <h3>Arsitektur</h3> = judul label posting yang dimaksud ( sesuai dengan label artikel yang ingin ditampilkan )
  •  http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Arsitektur = alamat URL dan label artikel yang dimaksud ( ganti dengan alamat blog dan nama label = warna hijau )
  • Untuk menampilkan lebih dari 3 label tinggal tambahkan kode pada bagian bawah, sesuai dengan kebutuhan.
Tips :
  • Penggunaan daftar isi jenis ini harus di ikuti dengan pengaturan jenis label yang kita gunakan jangan sampai kita menggunakan label sebuah artikel dengan lebih dari 1 label karena pada tampilan daftar isi akan muncul judul artikel yang sama pada label yang berbeda.
  • Tampilkan hanya beberapa jenis label yang utama.

Poskan Komentar Blogger

  1. Info yang menarik, makasih tutorialnya

    BalasHapus
  2. Tutorialnya sangat bermanfaat, terimakasih sudah share ilmunya

    BalasHapus
  3. Duh ko sulit banget sih mas, mas dateng ke rumah aja kali yah? pasti aku bisa... kalo baca gini gak masuk.

    BalasHapus
  4. Makasih ya, aku belum memakai label karena posting baru sedikit..

    BalasHapus
  5. ok juga info nya,,

    terima kasih ya...

    BalasHapus
  6. tutorial yang bagus gan , lagsung deh ane praktekin

    BalasHapus
  7. saya mau tanya, bagaimana cara menampilkan daftar isi hanya pada categori tertentu saja, jadi tidak semua categori di tampilkan ?

    saya tunggu pendapat sobat di blog saya, terima kasih

    http://lukmankhakim.blogspot.com/

    BalasHapus
  8. gak bisa bro...

    http://adamclubs.blogspot.com

    BalasHapus
  9. Om..pd kolom Label di HTML aku ketik judul postingan aku, misal judul postingannya A, maka Label aku isi A..trus di Page Element aku klik Add a Gadget utk tambah HTML/Java Script...Nah pd gadget yg baru ini aku tulis misalnya judulnya 'Favoritku' dan aku klik postingan aku yg berjudul A tadi utk ditampilkan di "Favoritku"....bener gak sih cara kerjanya kyak gitu?...maklum aku msh baru...
    Trims :)

    BalasHapus
  10. @fiends..
    untuk kode script ini akan menampikan posting pada label yang kita maksud, misalnya kita "http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Arsitektur - maksudnya semua posting dengan label Arsitektur akan tampil sebagai daftar isi ..
    kamu tinggal ganti alamat URL kamu dan nama label...

    BalasHapus
  11. Wah, terima kasih atas sharing ilmunya Gan, artikel tentang cara menampilkan daftar isi pada label tertentu ini sangat bermanfaat buat saya, salam sukses.

    BalasHapus
  12. Terima kasih banyak atas ilmu yang diberikan,
    semoga bermanfaat untuk orang banyak,
    Kepp Posting, Keep Sharing,
    dan sukses buat blognya

    BalasHapus

 
Top