Cara Membuat Daftar Isi Tabulasi Keren Untuk Blog

Cara Membuat Daftar Isi Tabulasi Keren Untuk Blog - Hai hai hai! Sobat blog Billy-Art! Banyak sekali Bloggers yang menanyakan kepada saya cara Membuat daftar isi ini sebelum ke tutorialnya saya akan menjelaskan tentang Widget ini. Berikut ini adalah sebuah widget daftar isi blog berbentuk tabulasi. Terdiri dari dua sisi berupa daftar kategori dan daftar posting. Setiap nama kategori akan menjadi tab, sedangkan daftar posting akan menjadi konten tab yang akan muncul setiap kali tab diklik. Keren bukann?? yuk tanpa basa basi lagi kita langsung ke tutorialnya! cekidott... 

• Langsung Masuk ke Blogger

•  Pilih Laman > Laman Baru

•  Pilih Mode HTML

•  Salin kode dibawah ini lalu letakkan di dalam formulirnya 

KLIK 2x PADA SCRIPT DIBAWAH > COPY

<link rel="stylesheet" href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css"/>
<div id="tabbed-toc"><span class="loading">Memuat...</span></div>
<script>
var tabbedTOC = {
    blogUrl: "http://billy-art.blogspot.com", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, // `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: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
    monthNames: [ // Array of month names
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    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="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script>

Ganti URL yang saya beri tanda dengan alamat blog sobat 

5. Lalu Publikasikan dan Lihat hasilnya! ^_^

Gimana simpel bukan? terus pantengin Blog Billy-Art yaa.. untuk Tutorial Menarika lainnya. see u next post sobat! semoga bermanfaat! 

Script By : www.dte.web.id/2012/10/widget-daftar-isi-tabulasi-untuk-bogger.html

Tweet