Sitemap Us

Sitemap Us pada menu Topnavigasiku. Yang mungkin saja agans tertarik ingin membuatnya.
Gini gans caranya :
1.Buka blog anda di blogger > Template > Edit
Agans cari <head> letakkan CSS diatas </head> bisa ringkasnya agan pakai <ctrl>+<f>

.table-of-content{background-color:#fff;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 #ddd;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}

Baca : Cara membuat breadcrumb

2.Silahkan agans membuat Laman baru isi dengan ini.

<div class="table-of-content" id="table-of-content">Loading...
</div>
3.Silahkan tambahkan JavaScriptnya gans.

var toc_config = {
    url: 'https://agussalikur.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
};

Ini gans yang teramat penting harus ada. Bagusnya letakkan diatas </body>

script src="https://agussalikur.blogspot.com/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=_toc"


Juga yang ini bagusnya diatas </body>

script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-tea.js"

Sumber : Blog Arlinadezign
Gimana gans selamat mencoba.

Share this

Related Posts

Previous
Next Post »

Countdown

Hai sobat Agussalikur berjumpa kembali ! Kali ini admin berbagi tips seputar blogger dalam topik Time Countdown, kebetulan admin contohkan m...