Artikel Terbaru :
Home » » Cara Buat Daftar Isi Di Blog

Cara Buat Daftar Isi Di Blog

Thursday, September 13, 2012 | 2komentar


Cara Buat Daftar Isi Di Blog - Pada kesempatan kali ini saya akan share artikel tentang cara membuat daftar isi diblog, Namun daftar isi yang akan kita buat kali ini berdasarkan label atau kategori. Jadi daftar isi ini hanya akan menampilkan daftar isi dari label atau kategori tertentu saja.

 Fungsi dari daftar isi perlabel atau kategori ini adalah untuk memudahkan visitor atau pengunjung blog kita agar dapat dengan cepat menemukan apa yang dicari dalam blog kita. Sahabat bisa menaruh daftar isi ini di sidebar maupun dimana saja posisinya seperti yang sobat inginkan. Tampilannya pun menarik dan rapi tidak amburadul, Jadi bisa juga untuk mempercantik blog kita biar terkesan profesional.

Daftar isi perlabel ini sudah di modifikasi, Otomatis menggunakan scroll box. Jadi sahabat jangan khawatir, Daftar isi ini tidak akan memakan banyak tempat di template blog sahabat. Untuk melihat contohnya seperti apa tampilannya daftar isi perlabel ini, Sahabat bisa melihat contoh screenshoot gambarnya di bawah ini.


Gimana? Sahabat tertarik untuk membuatnya?
Jika sahabat tertarik untuk membuat dan memasangnya di blog sahabat, Ikuti langkah-langkahnya di bawah:

Cara Memasang Daftar Isi Perlabel di Blog

1. Silahkan sahabat Masuk/Login
pada blog sahabat.
2. Kemudian pada Menu Blogger yang baru, Pilih Tata Letak.
3. Langkah selanjutnya sahabat pilih dimana kira-kira daftar isi perlabel ini akan di letakkan, Caranya  klik tab Tambahkan Gadget.
4. Lalu  pilih HTML/JavaScript.
5. Kemudian silahkan anda masukkan semua kode script dibawah ini:
 <div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
<ul><script>

var numposts = 100;
var standardstyling = true;
</script> </ul>
<script src="http://kang-onk.googlecode.com/files/label-post.js" type="text/javascript"></script>
<ul><script src="http://blogzafar.blogspot.com/feeds/posts/default/-/TUTORIAL%20BLOG?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>
</div>

Keterangan:
  • Warna pink adalah kode scroll box (kotak scroll). Ukuran lebar akan otomatis sesuai dengan tempat dimana daftar isi ini akan di letakkan.
  • height: 200px; adalah ukuran tinggi scroll box (kotak scroll), Silahkan anda ganti nilainya sesuai dengan keinginan anda.
  • Ganti http://blogzafar.blogspot.com dengan URL blog anda.
  • Ganti TUTORIAL%20BLOG dengan label sahabat yang ingin ditampilkan pada daftar isi. Ingat: Label harus sesuai dengan besar kecil huruf label pada blog.
  • Gunakan %20 jika label sobat ada space (spasi) nya.
  • max-results=999" adalah banyaknya judul posting dalam daftar isi yang akan di tampilkan, Silahkan sahabat ganti nilainya sesuai dengan keinginan.
6. Langkah yang terakhir, Silahkan sobat klik Simpan, Selesai dan lihat hasilnya.

   Jika sahabat belum tau cara membuat lebel sahabat bisa lihat di
        Pengertian Lebel Dan Cara Membuatnya


Share this article :

ARTIKEL TERKAIT:

2 comments:

  1. kalau bikin daftar isi scrollbox untuk semua postingan gimana ya?

    ReplyDelete
  2. mantap blogx, amat membantoe, tans..

    ReplyDelete

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting