Rabu, 25 Maret 2015

membuat daftar isi keren untuk blogspot blogger

cara membuat daftar isi keren untuk blogspot blogger :
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.
membuat daftar isi keren untuk blogspot blogger
membuat daftar isi keren untuk blogspot blogger

Berikut kodenya
<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<br />
<script type="text/javascript">
var tabbedTOC = {
    blogUrl: "URL BLOG", // 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 Anda.
Semoga Bermanfaat

Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.