Cara Membuat Daftar Isi Keren Pada Blog

Micro Cyber 2 - Terkadang pengunjung pada suatu website/ blog akan merasa bingung dan kesulitan dalam mencari sebuah artikel tertentu didalam blog tersebut, dan harus mencari satu persatu artikel dalam blog tersebut. Nah, maka dari itu sobat blogger saya sarankan untuk menggunakan atau memasang sebuah widget Daftar Isi/ Site map pada blog sobat. Tujuanya untuk apa? Ya, tujuanya untuk memudahkan pengunjung dalam mencari sebuah artikel yang dikehendakinya, selain itu akan membuat pengunjung betah untuk searching didalam blog sobat. Oke disini saya akan memberikan caranya untuk membuat daftar isi tersebut, tentunya dengan tampilan yang sangat menarik. Jika sobat penasaran dengan penampakannya silahkan lihat demo dibawah ini.

Cara Membuat Daftar Isi Keren Pada Blog 

1. Login ke akun blogger sobat
2. Buat Laman baru. Caranya Pilih Laman, kemdian klik Laman Baru. (Lihat gambar dibawah)

3. Setelah terbuka, kemudian pilih mode HTML. (Lihat gambar dibawah)

4. Lalu masukkan kode dibawah ini kedalam Laman tadi, tepatnya didalam mode HTML.

<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-1cS17iTXE1NF9UZ0ppd1k" 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="http://microcyber2.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

5. Publikasikan dan Selesai


NB : Untuk tulisan yang berwarna biru ganti dengan Url blog sobat, dan warna merah adalah warna untuk daftar isi tersebut, jadi sobat bisa menggantinya dengan warna yang telah saya sediakan dibawah ini.

Warna Merah

https://googledrive.com/host/0B6nuu-1cS17iRmthbUNqd3JOU1E

Warna Biru

https://googledrive.com/host/0B6nuu-1cS17iTXE1NF9UZ0ppd1k

Warna Hijau

https://googledrive.com/host/0B6nuu-1cS17iSGhLNUtpNmxETkU

Warna Abu-abu

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

Baca Juga : "Cara Membuat Daftar Isi Blog Super Ringan"

Nah, itulah cara mudah untuk membuat daftar isi keren pada blog. Semoga tutorial diatas dapat membantu sobat semua. Terimakasih~

Source:http://sharehovel.blogspot.com/2013/11/cara-mudah-membuat-daftar-isi-keren.html