Membuat Daftar isi pada Blogspot

Berbagi sedikit tips ni kawan.hhehe. Saat kita mulai menyukai suatu blog maka kita ingin mengetahui semua artikelnya dan ingin membaca mana saja artikel yang menarik dengan membaca judulnya kan?Untuk itulah dibutuhkan “daftar isi”, blogger memang menyediakan fitur seperti ini yaitu “labels” dan “Blog Archive” tapi fitur ini cukup ribet menurut saya.hhehe di labels kita hanya mengetahui artikel yang ada di label bersangkutan, kalau blog archive ribet lagi, pertama tahun, terus bulan, tanggal baru deh ketemu isi artikelnya -_-. Nah kali ini saya akan berbagi tips bagaimana cara menjadikan daftar semua postingan kalin dalam satu halaman.hhahaha.hhe :P. Langsung saja ini dia caranya :
  1. Login ke dashboard bloger kalian
  2. Buat Laman atau Posting baru, saya sarankan “Laman” karena penempatannya akan lebih seperti menu jadi lebih mudah dilihat dan dicari.
  3. Kemudan copy script di bawah ini, pilih mode “HTML”

<script src=”http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js”></script><script src=”http://slinder9.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”&gt;                     </script>>

4. Ganti http://slinder9.blogspot.com dengan url blog kalian.
     5. Save.

——————————————————————————

Membuat Daftar isi blog Secara otomatis

Membuat daftar isi blog secara otomatis disini yang maksud adalah, jika kita melakukan postingan baru maka secara otomatis judul blogyang baru akan langsung masuk ke dalam daftar isi tanpa harus melakukan edit pada layout blog kita.Di postingan lainnya saya juga sudah pernah memposting mengenai membuat daftar isi yang menurut saya jauh lebih cantik, kalo sobat berminat dapat dilihat disini

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.

Caranya seperti langkah-langah berikut ini :

LANGKAH PERTAMA
1. Log in ke blogger
2. Klik Layout di dashboard menu
3. Klik Edit HTML
4. Beri Centang pada Expand Widget Templates
5. Cari kode dibawah ini.

  • <b:include data=’post’ name=’post’/>

6. Ganti Kode diatas dengan kode dibawah ini.

  • <b:if cond=’data:blog.homepageUrl != data:blog.url’><b:if cond=’data:blog.pageType != “item”‘><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>
Kemudian ikuti langkah langkah berikut ini :
1. Masuk ke account blogger anda
2. Pilih menu tata letak / Layout
3. Pilih tambah gatged
4. Pilih html/javascrip
5. COPAS kode di bawah ini :
barajakom.blogspot.com Ganti dengan alamat blog anda
results=200 ganti dengan jumlah yang anda inginkan, angka 200 menunjukkan jumlah judul yang akan di tampilkan.

Selamat Mencoba..

=========================

Penulis: Blognya Toko Almishbah

Blognya toko almishbah ; Berbagi Informasi..kepada Anda, semoga bermanfaat www.amishbah.com

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s