tutorialswb

TutorialsWB hadir sebagai wadah bagi teman-teman yang ingin "Belajar PHP Dasar". Sehingga kami yakin bahwa TutorialsWB akan menjadi Pusat "Belajar Bahasa Pemrograman PHP" Disamping PHP website ini menyediakan berbagai tips dan trik Blogger. Kami menerima Pemasangan iklan banner atau artikel.

Hubungi Saya

Cara Membuat Sitemap Pada Blogspot



Selamat sore guys kali ini saya kan berbagi bagaimana cara membua sitemap pada blog yang bisa menampilkan judul postingan pada blog anda. asti anda bertanya apa pentingnya sitemap pada suatu website/blog, fungsinya adalah menampilkan daftar list atau postingan pada blog anda sehingga pengunjung dengan mudah melihat daftar isi dari blog/website anda.


Sitemap adalah sebuah cara sederhana bagi para webmaster untuk  menginformasikan kepada search engine (mesin pencari) tentang halaman-halaman pada situs mereka yang bisa di crawl. bentuk paling sederhana sitemap adalah berupa file xml atau daftar url sebuah situs beserta metadatanya masing-masing

langsung aja sobat saya akan membagikan tutorialnya.

Cara Membuat Sitemap / Daftar Isi pada Blog
  • yang pertama anda lakukan adalah login ke blog anda.
  • jika anda mempunya beberapa blog dalam satu akun, masuk ke blog yang ingin anda beri sitemap atau daftar isi.
  • berikutnya klik laman ingat bukan entri baru tapi laman, kemudian klik laman baru.
  • Pilih html jangn compose. untuk lebih jelas lihat gambar di bawah ini.


  • kemudian masukkan kode di bawah ini.
<style>
.site-map { position:relative; height: 350px; width: 100%;background-image:url(http://2.bp.blogspot.com/-YaNANHHZtFE/VE2ptO-g0DI/AAAAAAAAHVk/w6wj6NAEzzA/s1600/sitemap.png); background-size: 100% 100%; background-repeat: no-repeat;}
.labels .labels-a {background:#00aa9f; color:#fff; padding: 20px; text-decoration:none; cursor:pointer; display:block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; text-shadow:1px 1px 1px #00544f; margin: -20px 0 0 0;}
.labels .labels-a:after{ font-family: 'FontAwesome'; font-weight: normal; font-style: normal; text-decoration: none; content: "\f067"; float: right; display: block!Important; webkit-transition: content 0.5s; -moz-transition: content 0.5s; transition: content 0.5s;}
.labels .labels-a {border-top: 1px dashed #008d84;}
.labels .labels-a.active:after{ content: "\f068"; }
ol {counter-reset:li;list-style: none; padding:20px 30px;}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em; margin:.5em 0 .5em 2.5em;background:#fff;color:#555;text-decoration:none; transition:all .3s ease-out;}
.post ol li:hover{background:#d9e0e2;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute; left:-2.5em;top:50%;margin-top:-1em;background:#00aa9f;color:#fff;height:2em;width:2em; line-height:2em;text-align:center;font-weight:bold;}
.post ol li:after{position:absolute; content:'';border: .5em solid transparent; left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
.post ol li:hover:after{left:-.5em;border-left-color:#00aa9f;}
.post ol li span{position:relative;display:inline-block;color:#555;text-decoration:none;}
.post ol li a {color:#555;}
</style>
<div class='site-map'></div>
<script>
//<![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();}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('<div class="labels"><a class="labels-a">'+temp1+"</a><ol>");firsti=a;do{document.write("<li class='sitemap-titles'>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: #00aa9f">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol></div>");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.tutorialswb.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>  

  • Ganti kode http://www.tutorialswb.com dengan url blog sobat.
  • setelah anda memasukkan kode di atas, jangan lupa memberi judul Sitemap.
  • terakhir klik Publikasikan dan selesai. jika anda penasaran ingin melihat tampilannya lihat gambar di bawah ini.

Jika anda kurang mengerti cara pasang sitemap atau ada yang lain yang ingin anda tanyakan silahkan tinggalkan comment di bawah ini, jika ada kesalahan silahkan dikritik. mudah-mudahan artikel ini bisa bermanfaat bagi anda, sekian wassalam­čśâ



Baca Juga

closed