Ada banyak cara membuat daftar isi. Salah satunya saya choy yang membuat artikel Membuat Daftar Isi ini. Namun, saya buat lebih banyak data dari pada yang lain. Sobat tinggal milih mana yang sobat pilih.
Daftar Isi dengan Tampilan Sederhana
Dengan tampilan sederhana dan cara membuatnya pun tidak terlalu ribet dan sudah tersedia tab scrollnya, cukup mengikuti panduan berikut ini :
1. Silahkan buat halaman blog terlebih dahulu
2. Pastekan kode script brikut ini di area penulisan artikel dengan menggunakan mode penulisan Html
<div style="height: 500px; overflow: auto; width: 100%;">
<span style="color: black; font-size: 14px;"><b>abudu choy</b></span>
<script src="http://yourjavascript.com/23131381311/daftarisinyablog.js">
</script>
<script src="http://www.abuduchoy.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc">
</script></div>
3. Publikasikan halaman blog anda, selesai dan lihat hasilnya
Daftar Isi dengan Tampilan Biasa
Untuk membuatnya anda hanya perlu mengikuti beberapa langkah dari saya, silahkan perhatikan langkah berikut :
1. Log in ke blogger.com dengan akun anda
2. Pilih menu LAMAN, lalu buat halaman baru
3. Klik LAMAN BARU kemudian pilih LAMAN KOSONG
4. Isikan judul halaman sesuai keinginan anda.. Bisa menggunakan "Sitemap", "Daftar isi", "Arsip Blog" , dll.
5. Copy script dibawah ini ke bagian HTML bukan dibagian COMPOSE
6. Untuk script yang saya beri warna merah, silahkan diganti dengan alamat blog anda.
7. Bila sudah, tinggal PUBLIKASIKAN halaman baru tersebut.
Sekarang anda sudah berhasil membuat sebuah halaman baru yang berisikan daftar is dari blog anda. Selain dipasang pada halaman, script in juga bisa dipasang dibagian sidebar blog anda dengan menambahkan gadget HTML/JAVA script.
Harap diingat : Karena daftar isi ini dibuat berdasarkan kategori label... Jadi apabila anda memiliki artikel yang tidak memiliki label, maka artikel tersebut tidak akan muncul di bagian daftar isi.
Daftar Isi dengan Tampilan Otomatis
membuat daftar isi keren dan otomatis dengan efek jquery accordion. Klik Daftar Isi Blog ini untuk melihat contohnya.
Berikut langkah langkah pembuatannya :
1. Login Ke akun Blogger
2. Klik Laman [Daftar Isi akan di buat di sebuah Halaman]
3. Klik Laman Baru lalu pilih Laman Kosong [klik HTML]
4. Copy paste Code di bawah ini :
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.blogger.com/blogger.g?blogID=6984301103846628017" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew = true,
accToc = true,
openNewTab = true,
maxNew = 10,
baru = "Baru Niee !",
sDownSpeed = 600,
sUpSpeed = 600;
</script>
<script src="http://my-project-daftari-isi.googlecode.com/files/daftar-halaman.js" type="text/javascript"></script>
<script src="http://obatherbal-2u.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Keterangan :
baru = Tulisan yang akan ditampilkan di samping judul artikel baru
maxNew = Jumlah Artikel yang akan terdapat tulisan "Baru Niee !"
sDownSpeed = Kecepatan membuka daftar Label
sUpSpeed = Kecepatan menutup daftar Label
ganti url blog dengan urlt blog anda Daftar isi ini merupakan hasil karya dari abuduchoy (www.abuduchoy.com). Daftar isi tersebut akan memisahkan tiap label artikel blog dan diurutkan berdasarkan waktu terbit artikel. Artikel juga akan secara otomatis akan berada di daftar isi tersebut jika di beri label.
Cukup sekian dari saya. Semoga bermanfaat....
Daftar Isi dengan Tampilan Sederhana
Dengan tampilan sederhana dan cara membuatnya pun tidak terlalu ribet dan sudah tersedia tab scrollnya, cukup mengikuti panduan berikut ini :
1. Silahkan buat halaman blog terlebih dahulu
2. Pastekan kode script brikut ini di area penulisan artikel dengan menggunakan mode penulisan Html
<div style="height: 500px; overflow: auto; width: 100%;">
<span style="color: black; font-size: 14px;"><b>abudu choy</b></span>
<script src="http://yourjavascript.com/23131381311/daftarisinyablog.js">
</script>
<script src="http://www.abuduchoy.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc">
</script></div>
Ganti http://www.abuduchoy.com/ dengan url blog anda3. Publikasikan halaman blog anda, selesai dan lihat hasilnya
Daftar Isi dengan Tampilan Biasa
Untuk membuatnya anda hanya perlu mengikuti beberapa langkah dari saya, silahkan perhatikan langkah berikut :
1. Log in ke blogger.com dengan akun anda
2. Pilih menu LAMAN, lalu buat halaman baru
3. Klik LAMAN BARU kemudian pilih LAMAN KOSONG
4. Isikan judul halaman sesuai keinginan anda.. Bisa menggunakan "Sitemap", "Daftar isi", "Arsip Blog" , dll.
5. Copy script dibawah ini ke bagian HTML bukan dibagian COMPOSE
<script src="http://digital-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript">
</script>
<script src="http://www.abuduchoy.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
6. Untuk script yang saya beri warna merah, silahkan diganti dengan alamat blog anda.
7. Bila sudah, tinggal PUBLIKASIKAN halaman baru tersebut.
Sekarang anda sudah berhasil membuat sebuah halaman baru yang berisikan daftar is dari blog anda. Selain dipasang pada halaman, script in juga bisa dipasang dibagian sidebar blog anda dengan menambahkan gadget HTML/JAVA script.
Harap diingat : Karena daftar isi ini dibuat berdasarkan kategori label... Jadi apabila anda memiliki artikel yang tidak memiliki label, maka artikel tersebut tidak akan muncul di bagian daftar isi.
Daftar Isi dengan Tampilan Otomatis
membuat daftar isi keren dan otomatis dengan efek jquery accordion. Klik Daftar Isi Blog ini untuk melihat contohnya.
Berikut langkah langkah pembuatannya :
1. Login Ke akun Blogger
2. Klik Laman [Daftar Isi akan di buat di sebuah Halaman]
3. Klik Laman Baru lalu pilih Laman Kosong [klik HTML]
4. Copy paste Code di bawah ini :
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.blogger.com/blogger.g?blogID=6984301103846628017" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew = true,
accToc = true,
openNewTab = true,
maxNew = 10,
baru = "Baru Niee !",
sDownSpeed = 600,
sUpSpeed = 600;
</script>
<script src="http://my-project-daftari-isi.googlecode.com/files/daftar-halaman.js" type="text/javascript"></script>
<script src="http://obatherbal-2u.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Keterangan :
baru = Tulisan yang akan ditampilkan di samping judul artikel baru
maxNew = Jumlah Artikel yang akan terdapat tulisan "Baru Niee !"
sDownSpeed = Kecepatan membuka daftar Label
sUpSpeed = Kecepatan menutup daftar Label
ganti url blog dengan urlt blog anda Daftar isi ini merupakan hasil karya dari abuduchoy (www.abuduchoy.com). Daftar isi tersebut akan memisahkan tiap label artikel blog dan diurutkan berdasarkan waktu terbit artikel. Artikel juga akan secara otomatis akan berada di daftar isi tersebut jika di beri label.
Cukup sekian dari saya. Semoga bermanfaat....
0 komentar:
Posting Komentar