Daftar Isi Keren Untuk Blogger/blogspot

Permisi selamat pagi

Berhubung udah bosan bahas duit kali ini ane mau share kode buat bikin daftar isi di blogcepot.

Untuk tampilanya kaya di bawah.
Yang sebelah kanan itu label dan yang sebelah kiri artikel berdasarkan label, Jadi kalo di klik labelnya nanti nongol artikel berdasarkan label di sebelah kiri.



Berikut kodenya

Code:

<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<br />
<script type="text/javascript">
var tabbedTOC = {
    blogUrl: "[COLOR=#ff0000][B]URL BLOG[/B][/COLOR]", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: true, // `true` to show the post date
    showSummaries: false, // `true` to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
    thumbSize: 40, // Thumbnail size
    noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
    monthNames: [ // Array of month names
        "January",
        "February",
        "March",
        "April",
        "May",
        "June",
        "July",
        "August",
        "September",
        "October",
        "November",
        "December"
    ],
    newTabLink: true, // Open link in new window?
    maxResults: 99999, // Maximum post results
    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
    sortAlphabetically: true, // `false` to sort posts by published date
    showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
    newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
};
</script>
<script src="https://googledrive.com/host/0B2H3MJwpj5ZVNkJwaVF3SEV4cjg/tabbed-toc.js" type="text/javascript"></script>

Ganti yang merah dengan nama blog agan.
Pasang Login Blog >> Laman >> HTML >> Paste Kode >> Publis dan Taraaaaa berhasil
Note: Tampilan Daftar Isi Tergantung Template Blog Agan.
Semoga Bermanfaat

Demo: _http://www.indonewstoday.com/p/sitemap_22.html

Testi

 

kok gagal ya gan? katanya tag tidak tertutup

 

Ada yang salah mungkin gan.
coba lagi.
di HTML ya Jangan di Compose

 

kalo pake edit template dimana peletakkan coding tersebiut

 

Mantap gan, buat sitemap blog ane.. Ane coba dulu.. makasih ya

 

Wihh.. emang keren gan..
Izin simpen kodennya, siapa tau lain hari ane minat pasang

 

tp ane gag mirip sama sperti tampilan ss agan..
mungkin gara2 template ane yak ??

 

Daftar isi buatan Kang Taufik (owner DTE) emang keren banget sob Saya juga makai daftar isi ini..

 

Ok gan silakan.

Yaps gan tergantung templatenya, relatip

Siapa to gan ane gak kenal. ini bikinan ane sendiri,

 

Mantap gan, ijin nyomot ckck

 

mantap nih tampilannya.
sangat memudahkan visitor.
Ijin coba gan

 

Monggo gan silakan.

Monggo gan silakan di coba.

 

Pasangnya di template sblh mananya ya ?

 

Bikin halaman baru di laman gan,

 

wah keren gan, kalo ada demonya sekalian

 

bah,, gak cocok sama tempe ane, gan , malah tampilanya jadi persegi panjang
sekalian dong share templatenya

 

mantab untuk di pasang di blog dummy.

thanks mas ^_^

 

Done, berhasil,.. thx berat om,..
*penampakannya

 

Kereeennn gann

 

Tukar template aja gan . .