Membuat Sitemap/Daftar Isi di Blog Ala Oom Azyan

Ketika kita membaca sebuah buku, terkadang kita bingung nyari halaman artikel yang kita inginkan, nah disitulah kita menggunakan daftar isi untuk mengetahui halaman dari artikel yang kita cari tersebut. Dalam dunia blogging, Daftar isi atau lebih dikenal dengan kata Sitemap kurang lebih fungsinya juga seperti itu, tujuannya agar visitor bisa melihat semua artikel yang ada didalam sebuah blog. Disini saya akan memberikan tutorial cara membuat Sitemap/Daftar Isi ala Oom Azyan, untuk step -stepnya silahkan diikuti seperti dibawah ini : 

1.Login ke blogger anda kemudian arahkan ke Halaman baru/New Page dan create new page

2. Copy kan script dibawah ini kedalam code htmlnya :

<div dir="ltr" style="text-align: left;" trbidi="on">

<style>

#tocTable {

  border:2px solid white;

  font:normal normal 11px/normal Verdana,Tahoma,Arial,Sans-Serif;

  color:#333;

  border-collapse:collapse;

  text-align:left;

  margin:0 0 5px;

}

#tocTable th,

#tocTable td {

  border:1px solid white;

  background-color:#fafafa;

  padding:10px 15px;

}

#tocTable th {

  background-color:#5d5d5d;

  font-weight:bold;

  color:white;

  text-shadow:0 1px 0 rgba(0,0,0,.3);

}

#th-1 {

  width:60%;

  background-color:#5A930D;

}

#th-2,#th-3 {width:20%}

#tocTable td.toc-header-col-1,

#tocTable td.toc-header-col-2 {

  padding:0 !important;

  background-color:#2372A7;

}

#tocTable td.toc-header-col-3 {background-color:#D7DEF0}

#tocTable a {

  display:block;

  text-decoration:none;

  color:white;

  padding:10px 15px;

  background:none;

}

#tocTable td.toc-header-col-1:hover,

#tocTable td.toc-header-col-2:hover {

  background-color:#174B6F;

  -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.4);

  -moz-box-shadow:inset 0 0 3px rgba(0,0,0,.4);

  box-shadow:inset 0 0 3px rgba(0,0,0,.4);

}

#tocSort {

  display:block;

  width:220px;

  font:normal bold 12px/normal Verdana,Tahoma,Arial,Sans-Serif;

  color:#333;

  cursor:pointer;

  border:none;

  outline:none;

  background-color:#eee;

  margin:0 0 2px 0;

  padding:5px;

}

</style>

<script>

var theTotalPosts  = 9999, // Tentukan jumlah maksimal posting

    theOptions     = "Sortir...",                // Label opsi 1

    theSortPosts   = "Sortir berdasarkan Abjad", // Label opsi 2

    theSortLabels  = "Sortir berdasarkan Label", // Label opsi 3

    theTitles      = "Judul Artikel",  // Header tabel 1

    theLabels      = "Label Artikel",  // Header tabel 2

    theDates       = "Bulan Terbit",   // Header tabel 3

    theBlankLabels = "Tak Berlabel",   // Label kosong

    theSiteUrl     = "http://oom-azyan.blogspot.co.id/"; //

</script>

<script src="http://dte-project.googlecode.com/svn/trunk/toc-table-sort.js"></script></div>

Ganti Tulisan Berwarna Biru Dengan URL Blog Anda


3. Publish Halaman tersebut dan lihat hasilnya

Membuat Sitemap/Daftar Isi di Blog Ala Oom Azyan 2016-03-21T08:19:00-07:00 Rating: 4.5 Diposkan Oleh: Gambiu