Cara Membuat Daftar Isi Di Blog ( Postingan )

Oke, karena banyak teman-teman saya yang request Cara Membuat Daftar Isi seperti milik DHAIMARU, sekarang saya akan share tutorial cara membuatnya. Untuk kalian yang masih belum tau, klik Disini untuk demonya.

Bagaimana? Tertarik? Berikut ini adalah tutorialnya

• Pertama masuk ke Dasboard blog kalian
• Kemudian buat sebuah postingan baru ( Terserah mau kalian beri judul apa, tapi saya saran pakai saja judul Daftar Isi )
• Saat kalian sudah di halaman membuat postingan, disana ada dua pilihan, Compose dan HTML. Pilih yang HTML
• Masukan kode berikut :

<div style="background: url(#); 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://nurshalim.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

Keterangan : 

Ganti kode berwarna BIRU MUDA dengan alamat/URL gambar background daftar isi yang kalian inginkan

Ganti kode berwarna MERAH dengan ukuran garis/border yang kalian inginkan

Ganti kode berwarna BIRU TUA dengan jenis garis/border yang kalian inginkan ( Solid, Dashed, Dotted, dan sebagainya )

Ganti kode berwarna KUNING dengan warna garis/border yang kalian inginkan

Ganti kode yang berwarna UNGU dengan ukuran daftar isi yang kalian inginkan

Ganti kode yang berwarna PINK dengan warna huruf yang kalian inginkan

Ganti kode yang berwarna ORANGE dengan ukuran huruf yang kalian inginkan

Ganti kode berwarna HIJAU dengan alamat blog/website kalian

Terakhir publikasikan daftar isi tersebut seperti postingan biasa

Bagaimana? Berhasil? Sekian artikel tutorial kali ini. Semoga bermanfaat. Maaf jika ada kekurangan. Jika ada yang kurang paham, silakan kalian tanyakan di komentar.

Share this

Nursalim Laimi

Artikel Terkait