Lokerdan.com - Apa itu Sitemap??
Sedikit pengertian tentang Sitemap (peta situs) adalah daftar halaman situs web diakses pengunjung atau pengguna. Hal ini dapat berupa dokumen dalam bentuk apapun yang digunakan sebagai alat perencanaan untuk desain web, atau halaman web yang berisi daftar halaman di situs Web, biasanya disuguhkan dalam mode tampilan.
Di Blogger sendiri terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi, dan juga sangat mudah kita dapat membuat nya, hanya dengan mempelkan kode javascrpit di halaman/postingan yg pasti nya dengan memanfaatkan feed atau RSS dari blog itu sendiri.
Membuat sitemap atau daftar isi secara otomatis pada artikel ini rujukan kepada pengunjung blog kita, bukan untuk robot Google. Platform blog yang dimaksud di sini adalah Blogger bukan Wordpress, Tumblr, dan platform blog lainnya. Blogger memberikan fasilitas untuk membuat sitemap dengan sangat mudah dan otomatis.
- Masuk ke blogger
- Pilih menu 'Laman'
- Buat laman baru (Klik tombol 'Laman baru' dan di 'Laman kosong')
- Pilih mode 'HTML'
- Kasih judul Daftar Isi atau Sitemap (judul sesuai keinginan)
- Copy dan Masukkan kode berikut
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="https://www.lokerdan.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
- Ganti tulisan https://www.lokerdan.com dengan alamat blog sobat
- Terakhir Publihs/Simpan
Demo:
Cara lain dari membuat sitemap adalah dengan
kode berikut ini, ini di tujukan apabila sobat tidak berkenan dengan cara di
atas:
- Masuk ke blogger
- Pilih menu 'Template'
- Pilih tombol 'Edit HTML'
- Masukkan kode berikut di dalam <head> sebelum </head>
<b:if
cond='data:blog.pageType == "static_page"'><script
type='text/javascript'> //<![CDATA[ function loadtoc(e){function
t(){if("entry"in e.feed){var
t=e.feed.entry.length;numberfeed=t;ii=0;for(var n=0;n<t;n++){var
r=e.feed.entry[n];var i=r.title.$t;var s=r.published.$t.substring(0,10);var
o;for(var u=0;u<r.link.length;u++){if(r.link[u].rel=="alternate"){o=r.link[u].href;break}}var
a="";for(varu=0;u<r.link.length;u++){if(r.link[u].rel=="enclosure"){a=r.link[u].href;break}}var
f="";if("category"in r){for(var
u=0;u<r.category.length;u++){f=r.category[u].term;var
l=f.lastIndexOf(";");if(l!=-1){f=f.substring(0,l)}postLabels[ii]=f;postTitle[ii]=i;postUrl[ii]=o;ii=ii+1}}}}}t();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write()}function
filterPosts(e){scroll(0,0);postFilter=e;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function
sortPosts(e){function t(e,t){var
n=postTitle[e];postTitle[e]=postTitle[t];postTitle[t]=n;var
n=postUrl[e];postUrl[e]=postUrl[t];postUrl[t]=n;var
n=postLabels[e];postLabels[e]=postLabels[t];postLabels[t]=n;var
n=postBaru[e];postBaru[e]=postBaru[t];postBaru[t]=n}for(var
n=0;n<postTitle.length-1;n++){for(var
r=n+1;r<postTitle.length;r++){if(e=="titleasc"){if(postTitle[n]>postTitle[r]){t(n,r)}}if(e=="titledesc"){if(postTitle[n]<postTitle[r]){t(n,r)}}if(e=="dateoldest"){if(postDate[n]>postDate[r]){t(n,r)}}if(e=="datenewest"){if(postDate[n]<postDate[r]){t(n,r)}}if(e=="orderlabel"){if(postLabels[n]>postLabels[r]){t(n,r)}}}}}function
sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var e=0;var
t=0;while(t<postTitle.length){temp1=postLabels[t];firsti=e;do{e=e+1}while(postLabels[e]==temp1);t=e;sortPosts2(firsti,e);if(t>postTitle.length){break}}}function
sortPosts2(e,t){function n(e,t){var
n=postTitle[e];postTitle[e]=postTitle[t];postTitle[t]=n;var n=postUrl[e];postUrl[e]=postUrl[t];postUrl[t]=n;var
n=postLabels[e];postLabels[e]=postLabels[t];postLabels[t]=n}for(var
r=e;r<t-1;r++){for(var
i=r+1;i<t;i++){if(postTitle[r]>postTitle[i]){n(r,i)}}}}function
displayToc2(){var e=0;var t=0;while(t<postTitle.length){temp1=postLabels[t];document.write('<p
style="background: #f7f7f7;padding: 5px;"
/>');document.write('<span class="labl"><span>Label :
</span><a
href="/search/label/'+temp1+'">'+temp1+"</a></span><ul
class='postname'>");firsti=e;do{document.write("<li>");document.write('<a
href="'+postUrl[e]+'">'+postTitle[e]+"</a>");document.write("</li>");e=e+1}while(postLabels[e]==temp1);t=e;document.write("</ul>");sortPosts2(firsti,e);if(t>postTitle.length){break}}}var
postTitle=new Array;var postUrl=new Array;var postLabels=new Array;var
postBaru=new Array;var sortBy="titleasc";var tocLoaded=false;var
numChars=250;var postFilter="";var
numberfeed=0;document.write("") //]]>
</script><b:else/></b:if>
- Pilih menu 'Laman'
- Buat laman baru Klik tombol 'Laman baru' akan tampil Laman kosong
- Pilih mode 'HTML'
- Kasih judul
Daftar Isi atau Sitemap (terserah sobat)
- Copy dan pastekan kode berikut
- Ganti tulisan “https://www.lokerdan.com/” dengan alamat blog
- Selesai.
Membuat
sitemap / daftar isi otomatis di Blogger
Ber-scroll:
Jika sobat ingin melihat sitemap lebih menarik karena Ber-Scroll berikut adalah caranya, Seperti cara di atas ganti kode javascript dengan kode berikut,
<div
style="background-color: #dde1e3; border: 1px solid #999999; height:
100px; overflow: auto; padding: 10px; width: 100%px;"><script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script
src="https://www.lokerdan.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
Ganti tulisan “https://www.lokerdan.com” dengan alamat blog dan value dari “100” dapat diganti sesuai selera untuk panjang dari Sitemap tersebut.
Ganti tulisan “https://www.lokerdan.com” dengan alamat blog dan value dari “100” dapat diganti sesuai selera untuk panjang dari Sitemap tersebut.
Demikian lah tutorial cara membuat halaman Sitemap di blogger dengan
sangat mudah Semoga dapat bermanfaat, jika ada yang kurang jelas bisa bertanya
di kolom komentar, cukup sekian, wasalamualaikum wr.wb.
Tags:
Tips blogger