Cara Membuat Menu Daftar Isi Blog Admin : Unknown

Assalamu'alaikum,wr.wb

Cara Membuat Menu Daftar Isi Blog / Sitemap Keren Valid dan Responsive
Salah satu kemudahan visitor atau pelanggan blog mencari artikel yang diinginkan yaitu dengan adanya daftar isi / sitemap blog,tujuannya tidak lain ya agar pelanggan atau visitor kita tahu apa isi dari blog kita. Selain itu memudahkan google mengindeks semua artikel kita,nah untuk kali ini saif mau bagi2 cara yaitu Cara Membuat Daftar Isi Blog dengan Menu,untuk tampilannya akan seperti gambar,.. 

Langkah pemasangan :

• Pertama silahkan log in dulu ke blog sobat
• Kemudian masuk ke LAMAN,buat laman kosong >> ganti Compose menjadi HTML
• Setelah itu Copy dan Paste kode berikut :

<link href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css" rel="stylesheet"></link>
<br />
<div id="tabbed-toc">
<span class="loading">Memuat...</span></div>
<script>
var tabbedTOC = {
    blogUrl: "http://catatansaif.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>
<a href="http://catatansaif.blogspot.com/2013/12/cara-membuat-menu-daftar-isi-blog.html" style="display: block; font: normal bold 8px Tahoma,Sans-Serif; margin: 9px; text-align: right; text-decoration: none;" title="Ad This Widget in your blog / web">ad widget</a></div>

• Ganti yang diberi warna merah diatas dengan alamat Url blog sobat
• Selesai 

Sedikit catatan : Cara taruh daftar isi terserah sobat taruh dimana,sebagai contoh sobat bisa taruh di Menu navigasi sobat,caranya masuk ke template >> edit Html,kemudian tambahkan dibagian menu navigasi. beri judul dan linknya ( untuk mendapatkan link sobat buka laman yang dibuat tadi kemudian copy alamat url yg terdapat di browsernya,simpan dan selesai)

Bila masih ada yang bingung silahkan bertanya dikotak komentar yang saya sediakan dibawah,terima kasih semoga bermanfaat..

Baca cara trik blogger seo