Membuat Daftar Isi yang Elegant pada Blog

Membuat daftar isi pada blog merupakan suatu jalan pinta s untuk para pengunjung mencari informasi yang mereka butuhkan di blog kalian dengan kata lain di sisi lain juga daftar isi pada blog sanagat penting untuk kenyaman para pengunjung blog kalian. Nah disini saya akan memberikan beberapa cara membuat Daftar Isi Blog yang menarik para pengunjung saya ambil ini postingan karena saya juga membutuhkan hal seperti ini untuk kemakmuran blog saya juga yaelaaah centil banget deh kata-katanya :)
langsung saja yang pertama 

mungkin seperti ini penampakannya yang pertama :

1. Login ke www.blogger.com
2. Pergi ke Page element / Laman
3. Buat Laman Baru , dan Isi judul laman tsb terserah anda.
4. Pindahkan ke tab HTML karena untuk memasukan kodenya
5. kemudian Pastekan code dibawah ini di laman tsb.

<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_default-theme.css" type="text/css" />

<script type="text/javascript">

var showPostDate   = true,

    showComments   = true,

    idMode         = true,

    sortByLabel    = false,

    labelSorter    = "JQuery",

    loadingText    = "Loading...",

    totalPostLabel = "Jumlah posting:",

    jumpPageLabel  = "Halaman",

    commentsLabel  = "Komentar",

    rmoreText      = "Selengkapnya &#9658;",

    prevText       = "Sebelumnya",

    nextText       = "Berikutnya",

    siteUrl        = "http://nama_blog.blogspot.com",

    postsperpage   = 10,

    numchars       = 370,

    imgBlank       = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg";

</script>

<script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/blogger-archive-with-pagination.js"></script>

Catatan kecil :  

1. nama http://nama_blog.blogspot.com ganti dengan nama blog kalian
2. link picture nya bisa di ganti juga yang ini http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg

6. Publiskasikan
7. Selesai dan cek di blog kalian

Dan ini penampakan Daftar Isi Blog yang kedua 

Dan ini saya berikan beberapa stepnya :

1. Login ke www.blogger.com
2. Pergi ke Page element / Laman
3. Buat Laman Baru , dan Isi judul laman tsb terserah anda.
4. Pindahkan ke tab HTML karena untuk memasukan kodenya
5. kemudian Pastekan code dibawah ini di laman tsb.

<div style="border: 1px solid #eee; height: 10000px; overflow: auto; padding: 10px; width: 530px;">

<br />

<script src="http://widgetsitemap.googlecode.com/files/daftarisi.js"></script><script src="http://awandcyber4rt.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> </div>

Catatan kecil :  

1. nama awandcyber4rt.blogspot.com/ ganti dengan nama blog kalian

6. Publiskasikan
7. Selesai dan cek di blog kalian

Nah sekian dulu postingan yang saya sampaikan semoga bermanfaat buat kalian para blogger :)

sumber