Searching...
no image
  • Title : Membuat Daftar Isi Otomatis Blog
  • Author :
  • Date : 18:08
  • Labels :
  • Rating: 97% based on 99998 ratings. 5

Membuat Daftar Isi Otomatis Blog

Membuat Daftar Isi Otomatis - Assalamualaikum. :D Ada lagi yang menarik nih sobat. Tentang Blogging Tutorial. Yaps, kali ini saya akan menulikan atau mereview tentang Cara Membuat Daftar Isi Otomatis pada Blog. Jika sobat malas untuk membuat Daftar Isi sendiri , tutorial ini sangat pas. 
Tanpa basah basih :D

1. Login ke Blogger.com
2. Klik bagian Layout > Klik Add Gadget, tempatnya terserah sobat mau diletakkan dimana ^^
3. Pilih HTML / Javascript
4. Copy / salin kode dibawah ini
<script src="http://cicak-script.googlecode.com/files/daftarIsi.js"></script><script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
Simpan dan lihat hasilnya ^^
Oh iya , jika sobat ingin tampilan daftar isi dengan scrollbar, copy/ salin kode berikut.
<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://cicak-script.googlecode.com/files/daftarIsi.js"></script><script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Simpan dan lihat hasilnya ^^ Biasa biasa aja kan sobat ? ^^
Catatan :
  namabloganda ganti dengan nama blog sobat
  width:430px ganti ukuran lebar tampilan daftar isi sobat
  height:120px ganti ukuran tinggi tampilan daftar isi sobat
  border:1px solid #eee, beberapa hal yang bisa diganti pada kode ini adalah
 1px adalah ketebalan border, solid adalah jenis border ( jenis lain adalah dashed dan dotted )
 #eee adalah warna border

Edit dan ganti sesuka hati sobat. Selamat meng utak atik ria sobat ^^.

Keyword - Membuat Daftar Isi Otomatis Blog

3 comments:

  1. artikelnya sangat membantu. thanks

    ReplyDelete
    Replies
    1. hihi, jangan bosan berkunjung ya sob :D

      Delete
  2. Whoaaaa, makasiiiiiiiih ^_^ Bermanfaat bangeeeud...

    ReplyDelete