Cara Membuat Daftar Isi di Blog

Daftar Isi

Pernah saya berfikir tentang bagaimana saya bisa menampilkan begitu banyak konten yang telah termuat di dalam blog saya ini. Beberapa kategori tulisan telah saya buat untuk mengkelompokkan berbagai jenis tulisan yang saya muat. 

Melalang buana ke sana ke mari akhirnya terbesitlah ide kenapa nggak saya pakai daftar isi saja, itu lebih efektif dan pengunjung bisa melihat berbagai konten yang pernah saya tulis. Bahkan selain itu para pembaca blog saya bisa melihat mana konten yang sudah lama dan mana yang memang konten-konten baru.

Ide itu akhirnya saya pasangkan juga di blog Nemukabar.com dan hasilnya memang sangat baik dan efisien.

Mau tahu caranya ? Silahkan kalian lihat langkah singkatnya di bawah ini :
1. Copas saja script di bawah ini pada kolom posting atau page blog kalian masing-masing.
<style>
ol li {
margin-left: 15px;
color: #039;
padding: 3px 0px;
list-style-type: square;
list-style-position: outside;
clear: both;
}
.judul-label {
background: #2693BA;
padding: 3px;
width: 100%;
font-size: 140%;
font-family: Arial,Verdana,Geneva,sans-serif;
color: #fff;
}
</style>
<div style="border: 3px solid #2693BA; height: 1000px; overflow: auto; padding: 10px; width: auto;">
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.nemukabar.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></div>

2. Simpan

Catatan :
Pada script di atas, kalian bisa mengganti teks berwarna biru dengan alamat blog kalian masing.masing. Selain itu untuk teks warna merah bisa kalian ganti dengan angka sesuai yang kalian mau. Angka tersebut bertujuan untuk menampilkan seluruh konten yang dimuat dibatasi hingga 1000.

Semoga bermanfaat.
Cara Membuat Daftar Isi di Blog Cara Membuat Daftar Isi di Blog Reviewed by Muhammad Ibnu Idris on 12:39 Rating: 5

2 comments:

- Berikan respon anda dengan memberikan komentar yang baik. Baca Disclaimer.
- Kotak komentar ini hanya dikhususkan bagi pengunjung yang memiliki akun Google (Gmail / Google Plus).
- Jika anda tidak memiliki akun Google, silahkan berkomentar via Facebook di bagian atas.

Powered by Blogger.