Cara Membuat Sitemap Dengan Penanda

Cara membuat sitemap dengan penanda - Sitemap adalah salah satu alat bantu untuk memudahkan para pengunjung atau visitor untuk melihat peta situs atau bisa juga di artikan sitemap ini sebagai daftar isinya blog atau web. Selain untuk daftar isi sitemap juga bisa membawa keuntungan contohnya seperti untuk memudahkan pengunjung melihat-lihat semua isi blog dalam 1 halaman penuh tanpa ribet harus klik ini itu dulu, selain beberapa keuntungan di atas memasang sitemap ini bisa juga menguntungkan untuk supaya lebih cepat terindex oleh mesin pencari google tapi kalau yang satu ini kalian harus memasangnya di google search console atau bisa juga disebut google webmaster bisa simak caranya disini Cara pasang sitemap di google webmaster.
Cara membuat sitemap dengan penanda
Pixabay.com
Sekarang Saya akan membahas tentang cara membuat sitemap dengan penanda, apa itu penanda?
Penanda dalam sitemap adalah tanda yang ada di bawah sitemap contohnya seperti gambar dibawah ini
Cara membuat sitemap dengan penanda
Sitemap
Penanda tersebut aktif dan bisa kalian isi link yang mengarah ke blog orang lain ataupun blog sendiri, sitemap ini sangat sederhana dan secara otomatis menyesuaikan daftar isi sesuai nama label.
Langsung saja kalian simak cara membuat sitemap dengan penanda dibawah ini

Note : Untuk memakai sitemap ini blog kalian harus sudah terisi label, karena sitemap ini otomatis menyesuaikan sesuai label yang ada di blog kalian.

1.Berdoa
2.Siapkan mental jangan males baca
3.Baca yang teliti
4.Siapkan Notepad
5.Copykan kode dibawah ini, kemudian pastekan ke notepad
/* rawgit url (https://rawgit.com/sapiongol/sitemapkece/master/sitemap.js) by http://carakuy.id */var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function loadtoc(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;postMp3[ii]=o;if(h<10){postBaru[ii]=true}else{postBaru[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><a href="http://carakuy.id/" style="font-size: 10px; text-decoration:none; color: #616469;">Sitemap</a>')}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=postMp3[e];postMp3[e]=postMp3[g];postMp3[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=="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=postMp3[f];postMp3[f]=postMp3[h];postMp3[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 displayToc(a){var l=0;var h="";var e="Judul Artikel";var m="Klik untuk sortir berdasarkan judul";var d="Tanggal";var k="Klik untuk Sortir bedasarkan tanggal";var c="Kategori";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="Klik untuk menampilkan semua"}h+="<table>";h+="<tr>";h+='<td class="toc-header-col1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="toc-header-col2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="toc-header-col3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="toc-header-col4">';h+="Download MP3";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Menampilkan Semua '+postTitle.length+" Artikel<br/></span>"}else{var f='<span class="toc-note">Menampilkan '+l+" artikel dengan kategori '";f+=postFilter+"' dari "+postTitle.length+" Total Artikel<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><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=="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\');">?? Menampilkan Daftar Isi</a> <img src="http://radiorodja.googlepages.com/new_1.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('Download mp3 : <a href="'+postMp3[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
Note : Ganti tulisan yang berwarna merah dengan url blog kalian
6.Simpan kode kemudian kasih nama sesuai keinginan kalian tapi ingat harus diakhiri .js nama filenya contohnya "sitemap.js"
7.Upload file js tadi ke github Cara upload file ke GitHub
8.Copy url file yang sudah di upload tadi
9.Masuk ke rawgit.com dan pastekan.
10.Copy dan simpan ke notepad kode yang berada dibawah Use this URL for development
11.Kemudian copy kode dibawah ini
<script style="text/javascript" src="https://rawgit.com/sapiongol/carakuy/master/carakuy.js"></script>
<script src="http://carakuy.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
12.Ganti kode yang berwarna merah dengan kode hasil copy di rawgit tadi ganti url yang berwarna biru dengan url blog kalian
Selesai, sekarang kalian tinggal memasangnya ke blog kalian
1.Masuk ke blogger.com
2.Pada laman kemudian klik "laman baru" masukan judul "sitemap" atau "daftar isi"
3.Ganti pada mode HTML
4.Kemudian pastekan dan publish
Selesai, sekarang coba cek pasti berhasil
Note : cara ini tidak akan tampil jika di pratinjau, akan tampil jika sudah di publish terlebih dahulu.

Kalo kalian tidak mau ribet dalam menerapkan tutor diatas bisa langsung pasang kode sitemap ini
Sitemap ini terbilang sangat simple, cepat dan SEO friendly. Sangat cocok buat kalian yang mengutamakan kecepatan loading pada blognya karena sitemap ini sangat ringan.
<script style="text/javascript" src="https://rawgit.com/sapiongol/carakuy/master/carakuy.js"></script>
<script src="http://DomainKalianDisini.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
Copy diatas kemudian ganti url yang berwarna biru dengan url blog kalian.
Sekarang kalian tinggal memasangnya ke blog kalian
1.Masuk ke blogger.com
2.Pada laman kemudian klik "laman baru" masukan judul "sitemap" atau "daftar isi"
3.Ganti pada mode HTML
4.Kemudian pastekan dan publish
Publish dan Selesai, sekarang coba cek pasti berhasil

Note : Cara ini tidak akan tampil jika di pratinjau, kalian harus mempublishnya terlebih dahulu.

Cara membuat sitemap dengan tampilan simple tanpa penanda
Cara yang sekarang terbilang sederhana tapi tetap keren dan caranyapun sangat mudah tanpa ribet.
Dibanding sitemap yang diatas tadi, sitemap ini sedikit berat dalam proses loadingnya.
Kurang lebih penampakannya seperti gambar dibawah ini
Cara membuat sitemap dengan tampilan simple tanpa penanda
Sitemap
DEMO
1.Copy kode dibawah ini
<div id="bp_toc" style="max-height: 1800px; overflow-x: auto; overflow: scroll;">
</div>
<script src="https://rawgit.com/sapiongol/sitemapkece/master/sitemap.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">
#comments,#Label1,#FollowByEmail1 {display:none;}
#HTML3 {visibility:hidden;}
/* CSS Full Sitemap */
#bp_toc{background:#7faafd;color:#666;margin:0 auto;padding:4px;}
span.toc-note{padding:20px;margin:0 auto;display:block;text-align:center;color:rgba(255,255,255,.5);font-size:1.6rem;text-transform:uppercase;font-weight:750;line-height:normal}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
#bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:0;border-bottom:1px solid rgba(0,0,0,0.1);}
#bp_toc tr:nth-child(1) a {color:#666;}
#bp_toc td.toc-header-col1{background-color:#fff;}
#bp_toc td.toc-header-col2{background-color:#fff;}
#bp_toc td.toc-header-col3{background-color:#fff;}
#bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:0}
#bp_toc td.toc-entry-col1{background-color:#fff;font-weight:750}
#bp_toc tr:nth-child(odd) td.toc-entry-col1{background-color:#f8f8f8}
#bp_toc td.toc-entry-col2{background-color:#fff;}
#bp_toc tr:nth-child(odd) td.toc-entry-col2{background-color:#f8f8f8}
#bp_toc td.toc-entry-col3{background-color:#fff;}
#bp_toc tr:nth-child(odd) td.toc-entry-col3{background-color:#f8f8f8}
#bp_toc td a{color:#666;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:&#39;Roboto&#39;;font-weight:750;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
</style>
2.Pada dashboard pilih "Laman"
3.Klik "Laman baru" masukan judul "sitemap" atau "daftar isi"
4.Pilih mode HTML
5.Pastekan kode yang dicopy tadi dan publish.

Note : Cara ini tidak akan tampil jika di pratinjau, kalian harus publish terlebiih dahulu. Untuk mengganti warna tampilannya ganti kode yang sudah diberi warna merah diatas (#7faafd) ganti sesuai warna selera kalian.
Kalau masih kurang paham bisa tanyakan dikolom komentar pasti Saya bantu.
Sekian tutorial tentang Cara membuat sitemap dengan penanda dan Cara membuat sitemap dengan tampilan simple tanpa penanda kali ini, semoga membantu...
Kode diatas sepenuhnya bukan kode milik Saya, Saya hanya mengedit kodenya sebagian saja

0 Response to "Cara Membuat Sitemap Dengan Penanda"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel