Cara Membuat Halaman Sitemap (Daftar Isi) di Blog

Cara Membuat Halaman Sitemap atau Daftar Isi - Pada kesempatan kali ini wahid tips akan membagikan sebuah tips blogger bagaimana cara membuat halaman sitemap atau daftar isi di blog.
Sitemap atau dalam bahasa indonesia adalah daftar isi merupakan salah satu halaman penting dalam sebuah blog, dengan adanya sitemap pengunjung blog akan lebih mudah mencari artikel di dalam blog kita. Keberadaan halaman sitemap ini sangat penting, apalagi jika blog yang sudah memasang iklan Google Adsense, halaman sitemap ini merupakan salah satu dari halaman yang wajib ditambahkan di dalam suatu blog.

Fungsi dari widget halaman sitemap ini merupakan untuk mempermudah pengunjung blog mencari daftar artikel dalam suatu blog. Langsung saja kita mulai langkah-langkah cara membuat halaman sitemap di bawah ini.

Cara Membuat Halaman Sitemap

1. Buka Dashboard Blogger > Laman > Kemudian pilih Laman Baru dan masukkan kode di bawah ini pada tab HTML

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

<style scoped="" type="text/css">

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

.table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial}

.table-of-content .toc-header:hover{background-color:#fdfdfd}

.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{color:#fc4f3f}

.table-of-content .toc-header.active:before{border-color:#666 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:#444359!important;transition:initial}

.table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial}

.table-of-content a:visited{color:#a2a2a9;transition:initial}

.table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;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:#5c5a78;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>

2. Kemudian Ganti Kode yang berwarna Merah

Ganti kode berwarna merah dengan alamat blog sobat, contoh : http://www.blogwahid.com/

3. Setelah itu Klik Simpan Laman

dan Selesai.

Itulah tahap-tahap cara membuat halaman sitemap atau daftar isi di blog, pastikan sobat mengikutinya dengan jelas dan benar tanpa ada yang kelewatan sedikit pun. Jangan lupa untuk mengedit kode berwarna merah dengan alamat url blog sobat. Terimakasih telah membaca artikel dari wahidtips kali ini yang berjudul Cara Membuat Halaman Sitemap (Daftar Isi) di Blog jika kurang jelas mengenai tahap-tahap diatas, silahkan komen dibawah insyaallah langsung dibalas oleh admin.

Result

Hak Cipta Wahid Tips -

Tweet