Cara Membuat Daftar Isi Keren

YHS Blogger | Cara Membuat Daftar Isi Keren-Selamat siang sobat.. Setelah beberapa waktu yang lalu saya membahas tentang Cara Membuat Daftar Isi Blog, kali ini saya akan membuat artikel yang tidak jauh berbeda dengan artikel yang ada di atas. Topik pembahasannya pun sama. Yaitu cara membuat daftar isi. Tapi perbedaannya terletak pada style kedua daftar isi tersebut. Kalau menurut saya daftar isi yang ini lebih keren daripada daftar isi yang sebelumnya. Sebelumnya, mari kita lihat demo daftar isi yang ini.

Live Demo

Cara Membuat Daftar Isi Keren :

1. Masuk ke akun blogger kalian.
2. Klik Laman.
3. Pilih Mode HTML.
4. Copy kode di bawah ini dan letakkan di laman tersebut.

<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       = "New !",
    sDownSpeed = 600,
    sUpSpeed   = 600;
</script>

<script src="https://sites.google.com/site/yhsbloggerhost/daftarisi/yhsblogger2.txt" type="text/javascript"></script>

<script src="http://yhsblogger.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

 5. Klik Publikasikan.

Selesai!! Gimana mudah bukan ? Demikianlah artikel mengenai Cara Membuat Daftar Isi Keren. Selamat mencoba sobat..