INDONESIA

Northern Part of Sumatera Island

All you need is here. Scroll, Read and Stay update . . .

Buat Sitemap simple [ LIGHT ] v2

hey jumpa lagi, nih cuma mau lanjutin tanggung, soalnya sudah pakai juga. Langsung saja ...
INGET, ini versi LIGHT
  1. Buka dashboard blog kamu
  2. Klik menu Halaman ( Page bagi yang bahasa bule yang penting ente paham toh ) 
  3. nah tuh, tinggal panggil mantranya. PASTIKAN dulu tuh halaman sudah mode HTML pada tabnya
  4. COPAS nih mantranya
<div dir="ltr" style="text-align:left;" trbidi="on">
<style scoped="" type="text/css">
.table-of-content{background-color:#222;color:#ddd;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.table-of-content .toc-header{color:#fff;font-family:inherit;font-weight:400;font-size:14px;background-color:#333;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-top:1px solid #444;border-bottom:1px solid #222;transition:initial}
.table-of-content .toc-header:hover{background-color:#3a3a3a}
.table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease}
.table-of-content .toc-header.active{background:#3a3a3a;color:#fff}
.table-of-content .toc-header.active:before{border-color:#fff transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.table-of-content .loading{display:block;padding:15px;text-decoration:blink}
.table-of-content ol{margin:0;padding:0;list-style:none;transition:initial}
.table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#222!important;transition:initial}
.table-of-content a{color:#aaa;text-decoration:none;font-size:86%;transition:initial}
.table-of-content a:visited{color:#666;transition:initial}
.table-of-content a:hover,.table-of-content a:visited:hover{color:#fff;text-decoration:none;transition:initial}
.post ol li:before{display:none}
</style>
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat konten...</span></div>
<script>
var toc_config = {
    url: 'http://viennatheme.blogspot.com/',
    containerId: 'table-of-content',
    showNew: 15,
    newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#009fef;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-tea.js"></script>
</div>


Done!, eits tunggu dulu, seperti biasa cari kode ini " url: 'http://viennatheme.blogspot.com/ ", trus ganti dengan URL blog kamu, Selesai dan selamet.

Hampir lupa nih main tuh ke sumurnya, n bye : 
http://www.dte.web*id/2012/02/widget-daftar-isi-akordion-dengan*html

Tidak ada komentar:
Write comments

PERHATIAN!

- Baca dulu artikel dan komentar yang ada dengan teliti sebelum menulis komentar

- Harap berkomentar dengan bijak dan sopan

- Centang 'Beritahu Saya' untuk mendapat jawaban balasan dari Email

- Link aktif, iklan, dan sejenisnya, akan dimasukan ke folder SPAM

- Kalimat yang mengandung makna dan tujuan yang tidak baik akan dihapus!

Akhirnya semua akan kembali ke titik jenuh. Bila saat itu tiba, Kembalilah. Kembali kepada siapa? Kembali kepada Dia pastinya - !
Join Our Newsletter