Cara Membuat Daftar Isi di blog tanpa java script

Membuat daftar isi blog sangatlah berguna selain kita dapat melihat keseluruhan daftar postingan kita, kita juga di berikan kelebihan lain dari blog kita salah satunya : jika blog anda mempunyai kotak pencari (searching box) lalu apabila anda ataupun pengunjung blog anda mencari suatu artikel di blog anda maka yang tampil hanyalah judul dari tiap-tiap postingan yang berkaitan jadi jika anda mempunyai postingan banyak sangatlah diuntungkan karena pencari artikel tidaklah terlalu sulit untuk menemukan artikel yang dicari dan dan lebih cepat karena menampilkan judul postingannya saja.

berikut cara-cara pembuatannya :

LANGKAH PERTAMA
  1. Login ke Blogger.
  2. Pilih Tata letak
  3. Pilih Edit HTML.
  4. Download Template Lengkap dulu templatenya jika takut gagal.
  5. Kasih tanda centang 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 #cfcfcf;border-bottom:1px solid #cfcfcf;margin-bottom:2px;background:#F7F7F7;color:#699ABA;'>
    <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 (tulisan merah), silahkan ganti dengan warna kesukaan anda atau yang sesuai dengan blog 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://adesyams.blogspot.com/search?max-results=200'>Daftar Isi</a>



    Ganti http://adesyams.blogspot.com dengan URL blog anda.
  5. Klik tombol Simpan.
  6. Lihat Blog anda sekarang.
Langkah kedua itu adalah penjelasan agar tulisan Daftar Isi terletak pada sidebar atau posisi tambah gadget pada blog anda masing-masing. tetapi jika anda ingin menaruhnya ditempat lain juga bisa contoh pada Menubar atau Navbar.

Good Luck..!!

Subscribe to receive free email updates:

9 Responses to "Cara Membuat Daftar Isi di blog tanpa java script"

  1. Pertamax... wah lkebetulan nih.. lagi nyari daftar isi tanpa js. makasih ya

    BalasHapus
  2. Widgetnya bagus mas, cuma saya kalo saya pake jadinya halaman-halaman pada blog jadi tidak bisa tampil normal, cuma judulnya doang. Kenapa ya?

    BalasHapus
  3. salam kenal mas, boleh juga tipsnya nti saya coba. Thanks

    BalasHapus
  4. kok gagal padahal kodenya da ak masukin

    BalasHapus
  5. Kalo cara buat daftar isi scroll kaya' yang di halaman awal blog ini gimana?? yang ada article,tutorial, dan friend ..

    MOHON DI BALAS :D ......

    BalasHapus
  6. nice information untuk tampilan personalisasi blog kita, salam kenal and visit me back

    BalasHapus
  7. bagus.. bermanfaat.. thanks :)

    BalasHapus
  8. ditaruh dipostingan apa bisa gan?

    BalasHapus

Berkomentarlah dengan Baik dan Sopan..