Background

Membuat Daftar Isi Otomatis (Keren)

Kawan semua sudah tau daftar isi pada blog kan, pasitnya kawan tau saya percaya itu heheh masa sii ga tau. daftar isi yang ini jauh lebih keren dari daftar isi yang lain. kalo kawan tidak percaya kawan liat saja demonya. silakan klik di sini. 

mau tau kan bagaimana cara buatnya. langsung saja deh, Cekidot>

 

Inilah Caranya:

Salah satu daftar isi blog yang terbaik untuk blogger adalah yang dibuat oleh Abu Farhan. Code yang dia buat beradasarkan kepada accordion dan punya tampilan sangat cantik. Untuk melihat demonya, silakan klik di sini.

Cara membuatnya adalah buat laman statis baru
  1. Klik Posting, Laman Baru, kemudian Edit Laman, lalu Edit HTML
  2. Pada Judul Laman masukkan Daftar Isi
  3. Masukkan kode berikut pada kotak untuk isinya:

    <link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
    <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
    <script src="http://iq-dua3.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
    <script type="text/javascript">
    var accToc=true;
    </script>
    <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

    Kira-kira seperti di bawah ini
 
Terakhir, klik Publikas. 
Ganti iq-dua3.blogspot.com dengan alamat blog kawan
Mudah bukan.
^_^ Semoga Bermanfaat ^_^

Categories: Share

9 komentar:

  1. nice post kk, kbetulan saya lg nyari dftr isi yg ky gini...^^
    izin bwat d coba ya kk...

    BalasHapus
  2. nice posting sahabat & sayapun menggunakannya.

    BalasHapus
  3. @catatan mahasiswa. wah iya kawan silahkan, kemana aj ni jarang datang heheh
    @warnatulisan. sip kawan ^_^

    BalasHapus
  4. sob, ini kan berdasarkan label, kalo berdasarkan tanggal/urutan waktu gimana ngubahnya?

    BalasHapus
  5. @earth-inside. wah kalo begitu bukan ini daftar isinya, karna ini daftar isi hanya bedasarkan label. coba deh kawan liat demonya. yang baru pasti ada tandanya, jadi menurut saya ini yang lebih baik ^_^

    BalasHapus
  6. nice artikel sobat....nambah ilmu nih :)

    BalasHapus
  7. Wah bagus sob..... tertarikk buanget nah. langsung praktekkk ..... >>>>> hehee

    BalasHapus
  8. Sob laman saya ni g bsa dbuka cz ada auto readmorenya..jd contact us saya g bsa dbuka ni..ada yg tw gmn cara hilangkan readmore pada salah satu laman?mohon pencerahanya all . . .thx

    BalasHapus
  9. :D hallo kunjungan perdana nice guys visit me ya , kita sama2 pake tema X10 mansonry ^_^

    BalasHapus