Cara Membuat Sitemap Gaya Tabulasi

Cara Membuat Sitemap Gaya Tabulasi

Contoh hasil sitemap gaya tabulasi           Cara Membuat Sitemap Gaya Tabulasi - Daftar Isi Tabulasi adalah Sekumpulan judul artikel ... 1:35:00 AM

Contoh hasil sitemap gaya tabulasi

         Cara Membuat Sitemap Gaya Tabulasi - Daftar Isi Tabulasi adalah Sekumpulan judul artikel yang telah kita buat yang terangkum dalam daftar isi berbentuk tabel seperti ilustrai gambar diatas. Kenapa menggunakan bentuk tabulasi? karena daftar Isi model tabulasi ini cukup fast loading, hal itu disebabkan oleh halaman yang "menyembunyikan" daftar judul lainnya yang tidak diklik label atau kategorinya.
          

          Tampilan yang disajikan juga cukup menarik dan judul lebih tertata rapi pada setiap masing masing label yang dibuat sebelumnya. Setiap artikel yang baru anda publish ke blog maka dalam daftar sitemap tersebut akan muncul tulisan merah "New", sehingga pembaca blog anda akan tau mana artikel-artikel terbaru tanpa melihat tanggal postingan.

           Demikian penjelasan sekilas mengenai Sitemap gaya tabulasi. Sekarang mari lanjut ke langkah pembuatannya. Langkah yang dipaparkan cukup singkat dan mudah dipahami. Simak berikut ini :

1. Login ke blog anda

2. Pilih opsi "Laman" pada menu Dasbor Blog

3. Klik "Entri Laman Baru" 

4. Klik Box "HTML" disebelah Box "Compose" yang berada disebelah kiri atas.

5. Masukkan kode berikut, dan rubahlah kode yang berwarna merah dengan URL Blog anda

<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://www.contohblog.net", // 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>

Baca Juga :

Cara membuat widget breaking News
Cara membuat widget arsip blog bergaya Scroll
Cara menampilkan jumlah pengunjung di blog
Cara membuat widget recent post bergaya Slide

6. Klik publish dan liat hasilnya

Selamat mencoba dan Semoga berhasil gan 

jangan lupa follow blog Blog kami untuk mendapatkan tips baru lagi