Cara Membuat Daftar Isi Blogspot dengan Mudah

Diposting pada

 Cara Membuat Sitemap Blogspot dengan Mudah – Bagaimana sih cara membuat sitemap yang benar? Sebelum menjelaskan cara membuat sitemap yang benar, DomaiNesia akan menjelaskan apa itu sitemap terlebih dahulu.

Sitemap merupakan kumpulan informasi yang berada pada situs yang memuat banyak URL atau daftar semua link/URL yang ada di situs kamu, Sitemap sendiri berfungsi sebagai peta untuk search engine agar cepat mengindex url baru yang ada di dalam website kamu.

Tidak cuma Link saja yang terdapat pada sitemap, melainkan juga terdapat metadata. Metadata adalah informasi yang memuat kapan terakhir kali kamu mengupdate website dan seberapa sering website kamu diupdate.

Karena adanya Sitemap ini, Search Engine atau mesin pencari seperti Google, Bing, dan Yandex akan dapat menemukan setiap URL yang ada di blog atau situs kamu dengan mudah, yang nantinya akan berdampak pada cepat atau tidaknya pengindeksan konten di halaman pencari. Oleh sebab itu Sitemap sangatlah vital untuk optimasi SEO (Search Engine Optimization).

Berikut ini Forum Blog Indonesia akan menjelaskan cara membuat sitemap blog untuk mempercepat index website kamu.

Cara Membuat Daftar Isi Blogspot untuk Mempercpat Index Website di Google

Cara membuat sitemape di blogspot atau blogger mudah kok. Silakan baca dengan seksama tutorialnya di bawah ini:

1. Login akun blogger Anda

2. Setelah login, silakan pilih menu Page/Laman di dashboar blogger Anda. Buat laman baru, seperti ditunjukkan gambar di bawah ini!

Cara Membuat Daftar Isi Blogspot dengan Mudah

 

3. Kemudian tuliskan judul halaman. Misalnya pada artikel kali ini adalah Search Article. Lalu, ganti view menjadi HTML View dengan cara klik ikon pensil seperti gambar di bawah ini.

Cara Membuat Daftar Isi Blogspot dengan Mudah

4.  Setelah itu copy paste script di bawah ini:

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

#table-outer{padding:7px 10px;margin:0 auto}

#table-outer table{width:auto;margin:0 auto;border:none!important;}

#table-outer table td{border:none!important;padding:0!important}

#table-outer form{font:inherit}

#table-outer label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}

#table-outer select[disabled]{opacity:.4}

#post-searcher{display:block;margin:0;padding:0}

#table-outer input,#table-outer select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0 0 5px;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}

#table-outer select option{min-height:1.4em!important;}

#table-outer input#feed-q{padding:5px 10px!important;}

#feed-container{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}

#feed-container li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}

#feed-container li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}

#feed-container li a{text-decoration:none;color:#2C2C2C;font-weight:500}

#feed-container li a:hover{text-decoration:none;color:#E94141}

#feed-container li .news-text{margin-top:5px;line-height:1.3em!important}

#feed-container 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){#table-outer table{margin:0 auto;width:100%}

#feed-container,#table-outer{margin:0 auto}

#feed-container li .inner{margin:5px auto;height:auto}

#feedContainer li{float:none;display:block;width:auto;height:auto}

#feed-container li .news-text, #feedContainer:after,#feed-container li img{display:none!important}

}

@media (max-width:414px){#table-outer table td{display:block;text-align:center}

#table-outer label{display:block;margin:0;padding:4px 0 0;text-align:center}

#table-outer input, #table-outer select{margin:0 0 10px}

}

</style>

<div id="table-outer">

<table>

<tbody>

<tr>

<td>

<label for="feed-order">Urutkan artikel berdasarkan:</label>

</td>

<td>

<select id="feed-order">

<option selected="" value="published">Artikel terbaru</option>

<option value="updated">Artikel yang terakhir di update</option>

</select>

</td>

</tr>

<tr>

<td>

<label for="label-sorter">Filter artikel berdasarkan kategori:</label>

</td>

<td>

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

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

</select>

</td>

</tr>

<tr>

<td>

<label for="feed-q">Cari artikel dengan kata kunci:</label>

</td>

<td>

<form id="post-searcher">

<input id="feed-q" placeholder="Ketik dan tekan ENTER" type="text" />

</form>

</td>

</tr>

</tbody>

</table>

</div>

<br />

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

<br />

<ul id="feed-container"></ul>

<div id="feed-nav">

</div>


<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:"//2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/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('feed-container'),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;" src="'+ g+'" alt="'+ 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>

 5. Jika sudah langsung saja paste ke dalam halaman yang telah dibuat tadi dan dilanjutkan klik Publish

Cara Membuat Daftar Isi Blogspot dengan Mudah

 

Demonya bisa dilihat di link laman INI.

Demikian sekilas informasi mengeni Cara Membuat Daftar Isi Blogspot dengan Mudah. Semoga bermanfaat, salam.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.