Membuat Daftar Isi Sesuai Tanggal Posting

Setelah posting Cara Mudah Membuat Daftar Isi Sesuai Label Atau Category sekarang dilanjutkan dengan Membuat Daftar Isi Sesuai Tanggal Posting. Caranya hampir sama hanya tinggal merubah sedikit kode HTML saja.

Tujuan membuat daftar Isi atau Table Of Content (TOC) pada postingan ini tak perlu diulas lagi, silahkan baca saja postingan sebelumnya dalam artikel membuat daftar isi sesuai label / kategori.

Langsung ke tkp dalam Membuat Daftar Isi Sesuai Tanggal Posting , dengan langkah sbb. :

  1. Login dulu  ke blogger.com
  2. Kemudian buat sebuah Entri Baru dan pilih Edit HTML. atau kalau biasa pake Windows Live Writer (WLW) gunakan modus Source atau Sumber.
  3. Beri judul, misalnya: Daftar Isi Sesuai Tanggal Posting.
  4. Copy Paste script dibawah ini dan ganti yang warna merah dengan nama blog anda :

    <script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js "></script>
    <script src="http://tutorialdanbisnis.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

  5. Setelah di-paste, klik Terbitkan Entri atau publish dan lihat hasilnya
  6. Kalau artikelnya sudah banyak bisa ditambah fungsi scrol yang di pasang sebelum code no. 4
  7. Lihat kode warna pink adalah link untuk membuka Daftar Isi Sesuai Label Posting. Ini mau di gunakan atau tidak terserah. 
  8. Kalau semuanya digunakan maka lengkapnya akan seperti ini : (Kode warna merah silahkan disesuaikan) 

    <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
    <p align="center">
    <font size="4">Daftar Isi Berdasarkan Tanggal Posting</font></p>
    <script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js "></script>
    <script src="http://tutorialdanbisnis.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    <p> Kalau yang ini untuk melihat <a href="http://tutorialdanbisnis.blogspot.com/2012/12/daftar-isi-sesuai-label-atau-category.html" target="_blank">Daftar isi Sesuai Label Atau  Category</a> </p>
    </div>

  9. Selesai sampai disini.
  10. Kalau mau , langkah selanjutnya tinggal buat link yg menuju ke postingan ini  dan  bisa disimpan di navbar menu atau di sidebar dll, contoh :

<a href='http://tutorialdanbisnis.blogspot.com/2012/12/membuat-daftar-isi-sesuai-tanggal.html' target='_blank'>Daftar Isi Sesuai Tanggal Posting </a>

Sampai disini Cara Membuat Daftar Isi Sesuai Tanggal Posting . Semoga bermanfaat..


  1. Thanks telah mampir, yo kita saling vote dan comment..
  2. Bila berkenan tolong share/bagikan dengan tombol share dibawah.
  3. Gratis langganan artikel blog ini, silahkan klik Subscribe Disini, atau masukan email disidebar yg telah disediakan

Sobat sedang membaca artikel Membuat Daftar Isi Sesuai Tanggal Posting dengan Url https://tutorialdanbisnis.blogspot.com/2012/12/membuat-daftar-isi-sesuai-tanggal.html , bila berkenan silahkan bagikan dengan tombol share di atas. Bila mau COPAS untuk di blog sobat, letakan link aktif artikel ini sebagai sumbernya dengan copy kode di bawah ini.


Related Post:

12 komentar:

  1. patut di coba dan kalau boleh diberikan contoh gambar agar lebih jelas.

    Terima kasih sahabat.

    salam....

    BalasHapus
  2. makasih informasinya sangat bermanfaat

    BalasHapus
  3. makasih informasinya sangat bermanfaat

    BalasHapus
  4. makasih informasinya sangat bermanfaat

    BalasHapus
  5. patut di coba dan kalau boleh diberikan contoh gambar agar lebih jelas.

    Terima kasih sahabat.

    salam....

    BalasHapus
  6. sangat membantu artikelnya..... jika berkenan kunjungi link ini ya gan http://blogcenti.blogspot.com/

    BalasHapus

Silahkan Comment disini, saya comment di sana..

Langganan Artikel

Enter your email address:

Delivered by FeedBurner

Label

  1. Bisnis (5)
  2. Daftar Isi (4)
  3. Info (4)
  4. Link (2)
  5. Olah Raga (1)
  6. SEO (5)
  7. Software (3)
  8. Template (14)
  9. Tips Dan Trik (2)
  10. Tutorial (16)

Alexa