3 VARIAN TABLE OF CONTENT UNTUK BLOGSPOT

3 VARIAN TABLE OF CONTENT UNTUK BLOGSPOT

Sitemap atau Daftar Isi yang terkadang juga bisa disebut Table of Content, merupakan sesuatu yang sebenarnya perlu kita fikirkan untuk melengkapi fasilitas Blog kita, dimana dengan adanya Daftar isi, akan mempermudah pengunjung mencari artikel yang mereka kehendaki, tentunya Artikel-artikel yang telah terposting selama aktifitas ngeBlog sang empunya Blog.

Semakin banyaknya blogger - blogger expert (ahli), terutama dalam pembuatan Widget memunculkan berbagai macam varian dari Table of Content, keadaan tersebut seperti memanjakan kita untuk memilih sesuai dengan kebutuhan dan desain blog.

Untuk pemasangan Table of Content ini sebenar cukup mudah, kita tinggal membuat Halaman Baru (Page) atau membuat Postingan Baru, bedanya kita harus mengalihkannya ke mode HTML terlebih dahulu sebelum meng-Copy Paste Kode HTML Table Of Content, Mode HTML pun bukanlah sesuatu yang sulit untuk kita akses, karena fasilitas tersebut bisa kita dapati di sebelah kiri atas pada halaman pembuatan New Post maupun New Page.

Berikut ini adalah beberapa varian Table Of Content yang bisa sampeyan gunakan :

1. Accordian Table Of Content

Kode HTML Accordian Table Of Content

<link href="http://muhammad-septi-rosidi.googlecode.com/svn/branches/TOC/toc.css" rel="stylesheet" type="text/css"></link> <script src="https://muhammad-septi-rosidi.googlecode.com/svn/branches/TOC/toc.js"> </script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=1000&amp;callback=loadtoc" type="text/javascript"> </script> <script type="text/javascript"> var accToc=true; </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> <script src="http://muhammad-septi-rosidi.googlecode.com/svn/gadgets/extras/toc.js" type="text/javascript"></script>

2. Tabbed Table Of Content

HTML Tabbed Table of Content

<link rel="stylesheet" href="http://reader-download.googlecode.com/svn/trunk/tabbed-toc-skin.css" type="text/css" media="screen" /> <div id="tabbed-toc"><span class="loading">Loading...</span></div> <a style="display:block;text-align:right;font:normal bold 8px Arial,Sans-Serif;text-decoration:none;margin:10px;" href="http://www.allbloggertricks.com/" title="Tabbed TOC">All Blogger Tricks</a> <script type="text/javascript"> var tabbedTOC = {     blogUrl: "http://your-url.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: "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 type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/tabbed-toc.js"></script>

ganti url blog dengan url blog sobat.

3. Daftar isi sederhana

HTML Daftar Isi Sederhana
<script src="//dl.dropboxusercontent.com/s/zgsqa4ezancja9d/TOCbyTheBlogger911.js"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=1000&amp;callback=loadtoc" type="text/javascript"></script>

Varian Table Of Content (daftar Isi) diatas hanyalah sebagian kecil yang mungkin bisa dijadikan pilihan untuk Mempercantik Blog sobat, sebenarnya masih banyak pilihan jenis Widget yang mungkin lebih mewakili selera panjenengan, dan anda harus mencarinya sendiri dengan memanfaatkan Google...hehehe.

Demikian dulu artikel Widget Table Of Content kali ini, semoga bermanfaat!!

MEMBUAT HALAMAN DAFTAR ISI (SITEMAP) BLOGSPOT