Sunday, August 13, 2017

Membuat halaman sitemap blogspot

Halo sobat blogger..
Pada postingan kali ini kita akan mencoba membuat halaman sitemap.
Bila kita terjemahkan dalam bahasa indonesia, sitemap adalah peta situs.
Atau lebih sederhananya sitemap adalah daftar isi blog.
Tujuan dibuatnya sitemap ini adalah, untuk mempermudah pengunjung melihat semua isi blog kita.
Untuk penerapannya, sitemap ini nantinya diletakkan pada halaman statis blog, jadi kita membuat halaman statis baru terlebih dulu kemudian diisi dengan sitemap.
Baca juga: cara membuat sitemap.xml
Mari memulai.
Setelah sobat login di dasbor blogger.
Masuk menu dan buatlah halaman baru (bukan posting baru).
Bila kita membuat halaman sitemap di posting baru, maka halaman sitemap tersebut akan tampil di beranda dan akan menjadi artikel baru.
Jadi kita membuat sitemap pada halaman (statis) agar tidak tampil pada postingan baru di beranda.
Halaman statis ini ditandai dengan huruf 'p' setelah URL kita, contoh www.romli.net/p/.....

Selanjutnya, pada menu halaman pilih yang HTML (bukan compose).
Lalu buatlah titel halaman terlebih dulu karena titel halaman inilah yang akan membentuk url sitemap nantinya dan tidak bisa direname lagi.
Buat nama titel sesuka sobat, contoh: sitemap
Maka URL yang terbentuk adalah www.romli.net/p/sitemap.html (hanya contoh).

Kemudian copy all dan pastekan kode internal javascript ini pada halaman baru tadi:
<script type="text/javascript"> var postTitle=new Array();var postUrl=new Array();var postDate=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="";var Loaded=false;var numChars=250;var postFilter="";var numberfeed=0;function load(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;if(h<10){postBaru[ii]=true}else{postBaru[ii]=false}ii=ii+1}}}}}b();sortBy="";sortPosts(sortBy);sortlabel();Loaded=true;display2();document.write()}function filterPosts(a){scroll(0,0);postFilter=a;display(postFilter)}function allPosts(){sortlabel();postFilter="";display(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=postBaru[e];postBaru[e]=postBaru[g];postBaru[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d==""){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d==""){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d==""){if(postDate[b]>postDate[a]){c(b,a)}}if(d==""){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=postBaru[f];postBaru[f]=postBaru[h];postBaru[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 display(a){var l=0;var h="";var e="";var d="";var k="";var c="";var j="";if(sortBy==""){m+="";k+=""}if(sortBy==""){m+="";k+=""}if(sortBy==""){m+="";k+=""}if(sortBy==""){m+="";k+=""}if(postFilter!=""){}h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+=''+postUrl[g]+'">'+postTitle[g]+''+postDate[g]+''+postLabels[g]+''+'';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+=''+postUrl[g]+'">'+postTitle[g]+''+postDate[g]+''+postLabels[g]+'';l++}}}h+="";if(l==postTitle.length){var f=''+postTitle.length+""}else{var f=''+l+"";f+=postFilter+"' dari "+postTitle.length+""}var b=document.getElementById("");b.innerHTML=f+h}function display2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postBaru[a]==true){document.write(' - <strong><em><span style="color: rgb(255, 0, 0);">New</span> </em></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==""){sortBy=""}else{sortBy=""}sortPosts(sortBy);display(postFilter)}function toggleDateSort(){if(sortBy==""){sortBy=""}else{sortBy=""}sortPosts(sortBy);display(postFilter)}function show(){if(Loaded){display(postFilter);var a=document.getElementById("")}else{alert("Silahkan Tunggu")}}function hide(){var a=document.getElementById("");a.innerHTML="";var b=document.getElementById("");b.innerHTML=''}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write();document.write();document.write();document.write()}}; </script> <script src="http://nama-blog.blogspot.com/feeds/posts/default?max-results=1000&alt=json-in-script&callback=load"> </script>
*ganti URL yang berwarna biru dengan URL sobat.

Lalu publikasikan.
Untuk selanjutnya kita hanya copy URL sitemap tadi dan sisipkan pada tab menu yang di blog kita agar bisa dengan mudah diakses pengunjung.

Mudah sekali bukan?
Semoga artikel tentang cara membuat halaman sitemap HTML di blogspot ini bermanfaat bagi blogger semua..
Happy blogging!

1 komentar:

Bukan Ilham Membuat halaman sitemap blogspot delete February 10, 2018 at 8:46 PM

kok gak muncul ya gan sitemapnya

IBX59E89E6F98B8E