Cara Membuat Sitemap atau Daftar Isi pada blogspot

Sitemap atau daftar isi merupakan sebuah halaman pada website ataupun situs yang bertujuan untuk memudahkan pengunjung dan pembaca artikel agar lebih mudah mencari informasi yang mereka cari. Cara membuat sitemap pada blogspot sangat lah mudah diterapkan.

Bagi seorang blogger penting rasanya untuk membuat sebuah halaman berisi sitemap atau daftar isi. Selain menambah SEO, sitemap juga bisa mempercepat blog Anda diterima oleh google adsense. Oleh karena itu, saya membuatkan langkah-langkah cara membuat sitemap pada blogspot agar tampilan website Anda lebih menarik.

Langkah-langkah cara membuat sitemap atau daftar isi

1. Log in terlebih dahulu ke blogger atau blogspot

2. Kemudian masuk ke dashboard dan pilih opsi halaman

3. Lalu buat halaman baru pilih tampilan html jangan yang tulisan dan copy paste script di bawah ini. 

<div id="sitemap-blog"> <table> <tbody> <tr> <td>

<label>Urutkan artikel berdasarkan:</label>

</td> <td> <select id="feed-order">

<option selected="" value="published">recent post</option>

<option value="updated">postingan terbaru</option>

</select> </td> </tr> <tr> <td>

<label>Filter artikel berdasarkan kategori:</label>

</td> <td> <select disabled="" id="label-sorter">

<option selected="">Loading....</option>

</select> </td> </tr> <tr> <td>

<label>Cari artikel dengan kata kunci:</label>

</td> <td> <form id="post-searcher">

<input id="feed-q" type="text" />

</form> </td> </tr> </tbody> </table> </div>

<br /> <header id="result-desc"></header> <br />

<ul id="daftar-isi-blog"></ul> <div id="feed-nav">

</div> <script type="text/javascript">

var head = document.head || document.getElementsByTagName('head')[0];

var style = document.createElement('style');

style.type = 'text/css';

var css = '#sitemap-blog{padding:7px 10px;margin:0 auto}#sitemap-blog table{width:auto;margin:0 auto;border:none!important}#sitemap-blog table td{border:none!important;padding:0!important}#sitemap-blog form{font:inherit}#sitemap-blog label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}#sitemap-blog select[disabled]{opacity:.4}#post-searcher{display:block;margin:0;padding:0}#sitemap-blog input,#sitemap-blog select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0;padding:5px;font-family:Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#sitemap-blog select option{min-height:1.4em!important}#sitemap-blog input#feed-q{padding:5px 10px!important}#daftar-isi-blog{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}#daftar-isi-blog li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}#daftar-isi-blog li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}#daftar-isi-blog li a{text-decoration:none;color:#2C2C2C;font-weight:500}#daftar-isi-blog li a:hover{text-decoration:none;color:#E94141}#daftar-isi-blog li .news-text{margin-top:5px;line-height:1.3em!important}#daftar-isi-blog li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;width:140px!important}#result-desc{margin:0;padding:0}#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}#result-desc div{color:inherit}#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}#feed-nav a,#feed-nav span{border:1px solid #dedede;border-radius:5px;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}#feed-nav a,#feed-nav span:hover{color:#1B1B1B}#feed-nav a:active,#feed-nav a:hover{color:#555}#feed-nav span{cursor:wait}@media (max-width:600px){#sitemap-blog table{margin:0 auto;width:100%}#daftar-isi-blog,#sitemap-blog{margin:0 auto}#daftar-isi-blog li .inner{margin:5px auto;height:auto}#feedContainer li{float:none;display:block;width:auto;height:auto}#daftar-isi-blog li .news-text,#feedContainer:after,#daftar-isi-blog li img{display:none!important}}.post-body{min-height:300px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAjJVGjb6Kk49OYkGDEdfbvTg8uy3WLhqkCyl11gvAtLE74sukg0gnVHtz7AToxnUdzSkpZCVOE4AJoJXA2F2unajZTjxEN-sWheC7C-9qDA7tWoAtYijpldgTj30g6NcAds3sd64H6_c/w220-h19-no/ajax-loader+%25281%2529.gif)50% 50% no-repeat!important}';

style.appendChild(document.createTextNode(css));

head.appendChild(style); </script> <script type="text/javaScript"> document.write; var loadToc, loadCategories, _toc = { init: function() { var cfg = {

homePage: window.location.origin, maxResults: 10, numChars: 270, thumbWidth: 140, thumbHeight: 95, navText: "Tampilkan artikel selanjutnya &#9660;",

resetToc: "Kembali ke Awal", noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhffOfeYx7tMoeu8ryaoWkvyLDA_try35Jcefb0-xzQvtJxr9-GGDo1L-bBph9kW15XbyMWvHQ90n_Tiv0ej7mY78bkzK1BREAaXLGbJD3_uOuBjiLsiwWBWIaKBJnvIFL0Q33dbRn5GojA/s1100/no-thumbnail.png", loading: "<span>Memuat...</span>", counting: "<div>Memuat artikel...</div>", searching: "<span>Mencari...</span>" },

w = window, d = document, el = function(id) { return d.getElementById(id); }, o = { a: el('feed-order'), b: el('label-sorter').parentNode, c: el('post-searcher'), d: el('feed-q'), e: el('result-desc'), f: el('daftar-isi-blog'), g: el('feed-nav'), h: d.getElementsByTagName('head')[0], i: 0, j: null, k: 'published', l: 0, m: "" }, fn = { a: function() { old = el('temporer-script'); old.parentNode.removeChild(old); },

b: function(param) { var script = d.createElement('script');

script.type = "text/javascript";

script.id = "temporer-script";

script.src = param;

if (el('temporer-script')) fn.a(); o.h.appendChild(script); },

c: function(mode, tag, order) { o.i++; o.e.innerHTML = cfg.counting; o.g.innerHTML = cfg[mode == 1 ? "searching" : "loading"]; if (mode === 0) {

fn.b(tag !== null ? cfg.homePage + '/feeds/posts/summary/-/' + tag + '?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc' : cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc');

} else if (mode == 1) {

fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&q=' + tag + '&orderby=' + order + '&callback=loadToc'); } o.j = (tag !== null) ? tag : null; o.l = mode; o.a.disabled = true; o.b.children[0].disabled = true; }, d: function(json) { var _h; o.g.innerHTML = "";

o.e.innerHTML = o.l == 1 ? '<span>Hasil penelusuran untuk kata kunci <b>&#8220;' + o.m + '&#8221;</b> (' + json.feed.openSearch$totalResults.$t + ' Hasil)</span>' : '<div>Total: ' + json.feed.openSearch$totalResults.$t + ' Artikel</div>';

if ("entry" in json.feed) { var a = json.feed.entry, b, c, _d, e = "0 Komentar", f = "", g;

for (var i = 0; i < cfg.maxResults; i++) {

if (i == a.length) break; b = a[i].title.$t; _d = ("summary" in a[i]) ? a[i].summary.$t.replace(/<br ?\/?>/ig, " ").replace(/<(.*?)>/g, "").replace(/<iframe/ig, "").substring(0, cfg.numChars) : ""; g = ("media$thumbnail" in a[i]) ? a[i].media$thumbnail.url.replace(/.*?:\/\//g, "//").replace(/\/s[0 9]+\-c/, "\/s" + cfg.thumbWidth + "") : cfg.noImage.replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + ""); for (var j = 0, jen = a[i].link.length; j < jen; j++) { c = (a[i].link[j].rel == "alternate") ? a[i].link[j].href : "#"; } for (var k = 0, ken = a[i].link.length; k < ken; k++) { if (a[i].link[k].rel == "replies" && a[i].link[k].type == "text/html") { e = a[i].link[k].title; break; } } _h = d.createElement('li');

_h.innerHTML = '<div class="inner"><img style="width:' + cfg.thumbWidth + 'px;height:' + cfg.thumbHeight + 'px;" data-src="' + g + '" src="' + g + '" alt="' + b + '" title="' + b + '"><a class="toc-title" href="' + c + '" target="_blank" title="' + b + '">' + b + '</a><div class="news text">' + _d + '&hellip;<br style="clear:both;"></div></div>'; o.f.appendChild(_h); } _h = d.createElement('a'); _h.href = '#load-more'; _h.innerHTML = cfg.navText; _h.onclick = function() { fn.c(o.l, o.j, o.k); return false; }; } else { _h = d.createElement('a'); _h.href = '#reset-content'; _h.innerHTML = cfg.resetToc; _h.onclick = function() { o.i = -1; o.e.innerHTML = cfg.counting; o.f.innerHTML = ""; fn.c(0, null, 'published'); o.a.innerHTML = o.a.innerHTML; o.b.children[0].innerHTML = o.b.children[0].innerHTML; return false; }; } o.g.appendChild(_h); o.a.disabled = false; o.b.children[0].disabled = false; }, e: function(json) { var a = json.feed.category, b = '<select id="label-sorter"><option value="" selected disabled>Pilih Kategori...</option>'; for (var i = 0, len = a.length; i < len; i++) { b += '<option value="' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '">' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '</option>'; } b += '</select>'; o.b.innerHTML = b; o.b.children[0].onchange = function() { o.i = -1; o.f.innerHTML = ""; o.g.innerHTML = cfg.loading; fn.c(0, this.value, o.k); }; } }; loadToc = fn.d; loadCategories = fn.e; fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + (o.i + 1) + '&max results=' + cfg.maxResults + '&orderby=published&callback=loadToc'); fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&max results=0&orderby=published&callback=loadCategories'); o.a.onchange = function() { o.i = -1; o.f.innerHTML = ""; o.g.innerHTML = cfg.counting; o.b.children[0].innerHTML = o.b.children[0].innerHTML; fn.c(0, null, this.value); o.k = this.value; }; o.c.onsubmit = function() { o.i = -1; o.f.innerHTML = ""; o.m = o.d.value; fn.c(1, o.d.value, o.k); return false; }; } }; _toc.init();

</script>

4. Terakhir, post halaman baru bila perlu bisa di indeks ke google webmaster, udah deh selesai.

Tampilan blog Anda akan cantik seperti gambar diatas dengan sitemap

Itu lah tutorial mudah, cara membuat daftar isi atau sitemap pada blogspot untuk menambah SEO pada blogger, selamat mencoba brodi.