Cara Membuat Daftar Isi Di Blog

Posted by : Fitrah pujangga Jumat, 20 Desember 2013

Oke, sekarang saya akan mengshare sebuah tutorial tentang cara membuat daftar isi blog. Sebenarnya saya sudah pernah mengsharenya di blog lama saya yang di hapus.

Daftar isi blog sangatlah penting karena akan memudahkan pengunjung blog kita untuk melihat dan mencari postingan di blog kita. Mereka dapat melihat semua postingan blog kita di satu tempat. Bagaimana? Tertarik membuatnya? Sabar dulu. Jika ada yang belum tahu apa itu daftar isi, silakan klik disini. Setelah semua tahu, sekarang kita mulai. Berikut ini adalah cara membuatnya :

Pertama, kalian masuk ke dasboard blog kalian
Buatlah sebuah postingan atau laman seperti biasa
Saat dihalaman untuk membuat postingan atau laman disana ada dua pilihan, Compose dan HTML. Kalian klik yang HTML
Masukkan kode di bawah ini

<div style="background: url(http://www.blogblog.com/1kt/awesomeinc/body_background_dark.png); border: 2px solid #00ffff; height: 700px; overflow: auto; padding: 5px; width: 100%;"> <span style="color: #007acc; font-size: 14px;"><b>DAFTAR ISI</b></span> <script src="http://yourjavascript.com/23131381311/daftarisinyablog.js"> </script> <script src="http://chido-rasenggan.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"> </script></div>

Terakhir kalian publikasikan seperti postingan atau laman biasa

Keterangan :
Ganti kode yang berwarna MERAH dengan kode url gambar background daftar isi yang kalian inginkan
Ganti kode yang berwarna ORANGE dengan ukuran border yang kalian inginkan
Ganti kode yang berwarna KUNING dengan jenis border yang kalian inginkan
Ganti kode yang berwarna HIJAU dengan kode warna border yang kalian inginkan

Ganti kode yang berwarna AQUA dengan ukuran tinggi daftar isi yang kalian inginkan
Hapus kode yang berwarna BIRU jika kalian ingin menghilangkan scroll daftar isinya

Ganti kode yang berwarna UNGU dengan kode warna huruf daftar isi yang kalian inginkan
Ganti kode yang berwarna PINK dengan url blog kalian

Jika tidak tahu kode warna yang kalian inginkan, kalian bisa cari disini Tool Kode Warna

Bagaimana? Berhasil? Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas silakan kalian tanyakan di komentar