Membuat Daftar Isi Blog

Pada kesempatan ini saya akan mengulas bagaimana cara membuat daftar isi pada blog secara otomatis, yang dimaksud otomatis disini adalah jika kita melakukan postingan baru maka secara otomatis judul blog yang baru akan langsung masuk ke dalam daftar isi tanpa harus melakukan edit pada layout/template blog kita.

Dengan trick ini, kita hanya membutuhkan sedikit tempat di halaman blog kita, karena jika pengunjung ingin melihat daftar isi tersebut, maka akan terbuka jendela baru. Sehingga di halaman blog kita cukup dicantumkan dua kata yaitu : Daftar isi, dan bisa kita letakkan di tempat yang kita inginkan(sekarepe dhewe).

Caranya seperti langkah-langah berikut ini :

LANGKAH PERTAMA
  • Masuk ke blogger 
  • Klik Layout/Rancangan di dashboard menu
  • Klik Edit HTML
  • Beri Centang pada Expand Template Widget
  • Cari kode dibawah ini.
    <b:include data='post' name='post'/>
  • Ganti Kode diatas dengan kode dibawah ini.
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <a expr:href='data:post.url'>
    <div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EDEFF4;color:#012788;'>
    <data:post.title/></div></a>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
LANGKAH KE DUA
  • Masuk ke blogger 
  • Klik Layout/Rancangan di dashboard menu
  • Pilih Elemen Laman
  • Tambah Gadget - Pilih HTML/JavaScript Tambah
  • Copy dan Paste kode di bawah ini :
    <a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi</a>
Note :
Ganti NamaBlogAnda.blogspot.com dengan alamat blog anda, Ganti results=200 dengan jumlah yang anda inginkan, angka 200 menunjukkan jumlah judul yang akan di tampilkan.

Jika sudah selesai hasilnya akan nampak seperti di blog ini


Selamat Mencoba....
Membuat Daftar Isi Blog

0 comments:

Post a Comment