Daftar Isi Perlabel

Daftar Isi Perlabel - Blogger Update. Assalamualaikum wr.wb. Siang ini saya akan membagikan Tutorial Blog yang saya dapat dari DTE, yaitu Daftar Isi Perlabel, Sebelumnya saya sudah 2 kali memposting tentang daftar isi tapi menurut pengunjung blog saya Daftar isi Blog yang dibagikan berat, jadi setelah saya cari-cari saya menemukan yang lebih simple dan kalau masalah berat atau engganya silahkan dicoba sendiri. Lihat screenshoot Daftar Isi Perlabel Blog : 

Langkah-Langkah Membuat Daftar Isi Perlabel

1. Buka Blog Anda.

2. Create new post >> Isi judul post 'Daftar isi' >> Pilih yang HTML.

3. Masukkan script dibawah ini kedalam post.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link href="http://dte-project.googlecode.com/svn/trunk/accordion-toc-skin.css" rel="stylesheet"></link>
<br />
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat...</span></div>
<div class="credit-link">
<a href="http://seo-powers.blogspot.com/2014/02/daftar-isi-perlabel.html" title="Publish By Blogger Update">▶ Publish By Blogger Update</a></div>
<script>
var toc_config = {
    url: 'http://seo-powers.blogspot.com',
    containerId: 'table-of-content',
    showNew: 10,
    newText: ' - <strong style="font-weight:bold;font-style:italic;color:red;">Baru!</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/accordion-toc-1.js"></script>

4. Klik 'Publikasikan' dan selesai.

Jika ada pertanyaan silahkan ditanya dikotak komentar saya akan menjawab pertanyaan sobat blogger sebisa saya. Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Daftar Isi Perlabel. Simak juga artikel saya yang lainnya : Style Switcher Blog, Daftar Isi Dengan Scroll, Cara Membuat Artikel Terkait Dengan Thumbnail, Cara Membuat Label Tertentu Dengan Thumbnail,  Cara Membuat Emoticon Di Komentar Blogger, dan Cara Membuat Artikel Yang Berkualitas SEO Friendly. Terima kasih sudah berkunjung.

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya

Daftar Isi Perlabel 2014-02-16T12:41:00+07:00 Rating: 4.5 Diposkan Oleh: Fikri