Cari Artikel Blog Ini

Total Tayangan Laman

CARA MUDAH BUAT DAFTAR ISI BLOG

Menampilkan daftar isi dari suatu blog sebenarnya tidak sulit. Anda dapat membuat pada suatu POSTINGAN BIASA atau dengan menggunakan kode HTML tertentu seperti : MENAMPILKAN DAFTAR ISI LENGKAP DENGAN TABEL
Kedua cara diatas memilki kelebihan masing-masing tinggal bagaimana anda membuat variasinya sehingga penampilannya terlihat lebih indah.
Postingan ini merupakan cara yang paling mudah untuk membuat daftar isi dari blog yang anda kelola. Disebut mudah karena kode yang digunakan hanya sedikit dan hasilnya dapat menampilkan seluruh postingan yang ada pada blog anda.

Silahkan anda simak langkah-langkahnya :
LANGKAH PERTAMA
  1. Masuk ke Blogger.
  2. Pilih Tata letak
  3. Pilih Edit HTML.
  4. Back up dulu templatenya jika takut gagal.
  5. Kasih tanda contreng pada kotak  Expand Widget Templates.
  6. Cari kode ini <b:include data='post' name='post'/> ini pada template anda.
  7. 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:#EAE9E9;color:#406A0E;'>
    <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>



    Kode warna (tulisa merah dan kuning), silahkan ganti dengan warna kesukaan anda.

  8. Klik tombol Simpan Template.

LANGKAH KEDUA
  1. Pilih Elemen Halaman.
  2. Klik Tambah Gadget.
  3. Klik tanda + pada HTML JavaScript.
  4. Copy kode dibawah ini kemudian paste pada kolom yang tersedia.


    <a href='http://epg-studio.blogspot.com/search?max-results=200'>Daftar Isi</a>


    Ganti http://epg-studio.blogspot.com dengan URL blog anda.
  5. Klik tombol Simpan.
  6. Lihat Blog anda sekarang.



Daftar isi blog dapat anda letakan di tab menu atau di tab menu melayang ata dimana saja sesuai dengan keinginan anda.
Selamat mencoba , semoga bermanfaat.

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
5 Comments

5 komentar :

NIFAN SUNANDAR mengatakan...

gagal mas ada bacaan ini :

Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The value of attribute "expr:href" associated with an element type "null" must not contain the '<' character.

nah gitu saya udah coba gagal terus.

Deogracias mengatakan...

LINK BANNER SUDAH DIPASANG + FOLLOW
Dipasang juga ya link bannerku kalau berkenan follow aku juga ya..

Thank's

the Black_Devil mengatakan...

makasih mas buat artikel nya..saya tertarik mencoba postingan mas

ali sadikin mengatakan...

ma kasih mas atas tutorialnya...
n tolong dong main-main ke blog saya
se kali lagi makasih

Rev. Savrison Manembu mengatakan...

Terima kasih yah... untuk Daftar Isi....-nya.

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!