12/13/2017

Cara Membuat Sitemap Daftar Isi di Blog Otomatis Sesuai Label (New!)

Baca Juga

Untuk anda yang ingin mengetahui langkah cara membuat daftar isi (sitemap) di blog, silahkan simak caranya di bawah ini.

Sitemap (daftar isi) adalah sebuah halaman yang sangat berguna untuk pengunjung blog kita, dengan adanya halaman daftar isi maka blog kita akan lebih terlihat profesional. Pengunjung biasanya sangat menyukai halaman daftar isi tersebut.

Guna halaman daftar isi atau sitemap adalah guna mempermudah pengunjung melihat seluruh isi artikel dengan berupa judul-judul yang telah tersusun secara rapi. Sama layaknya seperti buku yang kita gunakan untuk ke sekolah, pasti anda akan melihat halaman awalnya berupa kata pengantar yang selanjutnya berupa daftar isi atau sitemap.

Nah, dengan adanya sitemap ini di blog kita maka pengunjung/visitor akan sangat puas dan merasa betah dengan blog kita pastinya, namun tetap saja yang terpenting itu adalah jumlah artikel anda, karena semakin banyak jumlah artikel anda maka semakin baik pula untuk pengunjung blog sebab mungkin ada beberapa judul yang tertarik untuk di baca setelah melihat daftar isi pada halaman blog kita.

Namun tahukah anda bahwa fungsi sebenarnya sitemap atau daftar isi ini bukan hanya memperindah blog agar terlihat profesional dan disukai pengunjung saja, akan tetapi fungsi sitemap ini juga dapat meningkatkan SEO blog kita dimata google. Dengan adanya sitemap maka secara otomatis link-link judul kita akan ikut tersimpan pada halaman statistik blog kita, link-link berupa judul inilah yang dapat dirender atau dirayapi oleh mesin pencari google, sehingga dapat menambah kualitas blog menjadi lebih seo friendly.

Cara Membuat Sitemap Daftar Isi di Blog Otomatis Sesuai Label (New!)
Cara Membuat Sitemap Daftar Isi di Blog Otomatis Sesuai Label (New!)

Cara Membuat Sitemap Daftar Isi di Blog Otomatis Sesuai Label :

# Langkah pertama (membuat halaman statistiknya terlebih dahulu) :

1. Buka blogger.com

2. Pilih Pages / halaman (di menu pilihan sebelah kiri).

3. Lalu tekan buat baru atau  new page.

4. Kemudian lihat sebelah atas paling kiri, disitu ada tulisan compose dan HTML, lalu klik pada HTML.

5. Jangan lupa isi dulu judul halaman anda, sesuai keingan anda contohnya : Daftar isi, sitemap atau buku tamu dan semacamnya.

6. Setalah itu pada halaman artikel yang masih kosong, anda isi atau copy paste script dibawah ini :

<style>
p.labels a{
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #eee;
    display: block;
    padding: 10px 5px;
    background: #fafafa;
    margin: 40px 0 20px 0;
}
a.post-titles {}
ol li{list-style-type:decimal;line-height:25px;}
.post ol li {
    position: relative;
    display: block;
    padding: 5px 0;
    margin: .2em .2em .2em 2em;
    background: #fff;
    color: #666;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    transition: all .3s;
}
</style>
<script type="text/javascript">
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link">
</div>
')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="
<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>
";for(var g=0;g<postTitle.length;g++){if(a==""){h+='
<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>
';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='
<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>
';l++}}}h+="</table>
";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels">
<a href="/search/label/'+temp1+'">'+temp1+"</a></p>
<ol>");firsti=a;do{document.write("
<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>
");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>
");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="http://1.bp.blogspot.com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>

<script src="http://www.aciltips.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

7. Jangan lupa ganti http://www.aciltips.com dengan link blog anda.

8. Kemudian Save dan langsung Publish.

9. Setelah di publih klik view, dan copy url nya untuk ditempatkan di menu navigasi blog anda. Contoh url nya : http://www.aciltips.com/p/daftar-isi.html


- Tips supaya scriptnya berjalan :
(setelah selasai di copy paste pada blog  anda maka script diatas jangan di preview lagi, maka langsung save kemudian di publish saja. Dan jangan di tekan menu compose lagi pada pilihan kiri sebelah atas biasanya script tidak bisa berjalan lagi).


# Langkah kedua (mengambil url dari halaman statistiknya untuk di copy dan paste pada menu navigasi blog anda)

1. Buka blogge.com

2. Pilih edit Html

3. Tambahkan url yang telah di copy di menu navigasi anda , contohnya seperti gambar ini :

contoh peletakan url di menu navigasi


4. Setelah itu Save template anda dan lihat hasilnya.


- Kelebihan script sitemap diatas :
Setiap kali anda mempubliskan postingan terbaru, maka judul artikel anda akan muncul sesuai dengan label anda, dan ditambah dengan kata New! yang dapat mempermudah pengunjung melihat bahwa itu judul artikel yang baru anda posting dalam minggu ini.

Demikanlah cara mudah membuat sitemap/daftar isi blog otomatis sesuai dengan label, semoga dengan tips diatas ini bisa membuat blog anda lebih profesional dan SEO friendly pastinya. Selamat mencoba !

Baca juga : Cara Ganti Template di Blogger : Mengubah Tampilan Website

Artikel Terkait

Cara Membuat Sitemap Daftar Isi di Blog Otomatis Sesuai Label (New!)
4/ 5
Oleh