Cara membuat daftar isi keren seperti Blog Guru Koding

Yak kali ini saya Bayu Afrizatul Rizki akan sharing bagaimana sih kak buat daftar isi kaya di blog kakak? tepat nya Guru Koding?

ini adalah contoh penampakan daftar isi setelah kita buat



1. Pertama pilih menu Laman



2. Buat laman baru . seperti ini



3. Judul kita isi " DAFTAR ISI "
 selanjutnya kan ada pilihan tuh di menu post ny "Compose dan HTML " . nah kita pilih HTML







4. Masukkan script nya . ini copy disini

<script 

src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" 

type="text/javascript"></script><link 

href="https://googledrive.com/host/0B6nuu-1cS17iM1U3M080SEdKT0E" 

media="screen" rel="stylesheet" type="text/css"></link>

<script type="text/javascript">

var showNew    = true,

    accToc     = true,

    openNewTab = true,

    maxNew     = 2,

    baru       = "New!",

    sDownSpeed = 600,

    sUpSpeed   = 600;

</script>

<script src="https://googledrive.com/host/0B6nuu-1cS17iYWdXQm5CdEowYTQ"></script>

<script src="https://gurukoding.blogspot.co.id//feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

ganti yang biru itu adalah warna daftar isi nya. yang di atas itu warna hitam. ini warna yang lain

-> https://googledrive.com/host/0B6nuu-1cS17iRmthbUNqd3JOU1E (MERAH)
-> https://googledrive.com/host/0B6nuu-1cS17iTXE1NF9UZ0ppd1k (BIRU)
-> https://googledrive.com/host/0B6nuu-1cS17iSGhLNUtpNmxETkU (HIJAU) 
 
NOTE : ganti yang warna merah sesuai link blog kamu. ok sekian