Cara Membuat Sitemap di Blogger Ada Box Pencarianya

Medikuid - Di kesempatan kali ini akan membuat artikel membahas tentang Cara Membuat Sitemap di Blogger yang sudah ada box pencarian Artikel Terbaru, Kategori dan Mencari artikel sesui kata kunci anda.
Ini box pencarian
Urutkan artikel berdasarkan: Artikel Terbaru
Filter artikel berdasarkan kategori: Pilih Kategori
Cari artikel dengan kata kunci:Ketik Dan Tekan ENTER
Sitemap ini saya jumpai di situs film LK21. Tampilanya setiap postingan ada thumbnail dan artikel utama seperti di halaman utama website postingan terbaru.

Apa itu Sitemap blogger?
Sitemap adalah daftar postingan blog memudahkan pengujung memilih artikel seusi dengan label atau kategori. Dengan adanya satu halaman Sitemap (peta situs) akan memudahkan pengujung untuk menjelajahi semua konten pada blog. Jika anda masuk di page peta situs maka akan di sajikan semua konten postingan dari awal sampai terkini.

Isi halaman Sitemap yakni kumpulan informasi situs berisi URL konte blog. Sitemap ini berfungsi sebagai peta mesin pencari untuk membantu index URl konten terbaru (postingan, halaman dan yang lainya) dengan cepat masuk di pencarian google.

Baca juga: Cara Index Postingan Manual di Google Console

Sitemap blog seperti peta yang akan membantu pengujung ke blog agar tidak salah berkujung. Sekarang anda sudah ada pandangan tentang Sitempa ya. Selanjutnya kita bahas tutorial cara membuat sitemap di blogger lengkap di sertai penjelasanya.

Ada dua jenis Sitemap yakni Sitemap html dan Sitemap xml 
Sitemap html adalah berisi kode yang di pasang pada Halaman/page/post pada blog/website.
Sitemap xml adalah alamat sitemap xml di pasang di Google Console.

Google Console adalah alat/mesin yang di sediakan google untuk memnbatu merayapi pengindex seluruh isi blog/website 

Fitur Sitemap
Ini dia fitur peta situs atau sitemap:
1. Daftar postingan akan otomatis di perbarui.
2. Penamabahan secara otomastis sesuai label.

Pengertian Sitemap
Jika anda mempunyai blog/webiste usahakan buat sitemap html dan sitemap xml agar mesin google mudah mengenali situs anda. Berikut ini perbedaan detail dari kedua sitemap tersebut.

Sitemap HTML
Sitemap HTML adalah halaman yang di buat dengan kode HTML bisa di baca oleh bot mesin pencari dan pengunjung. Dengan adanya Sitemap HTML di blog akan membantu merayapi seluruh konten yang dibuat dalam satu halaman/page Sitemap. Jadi satu halaman tersebut berisi semua postingan dari awal hingga akhir terkini.

Sitemap XML
Sitemap XML adalah peta situs yang berisi semua url postingan blog/website. Jadi Sitema.xml ini di pasang pada google web master bertrujuang agar situs kita di kenali oleh google. Jika ada orang mencari artikel di mesin telusur konten di blog kita sesui dengan judul/isi artikel ada yang sama memungkinkan konten kita akan ikut mucul dalam pencarian tersebut. 

Baca Juga: Cara Daftar Blogger ke Google Console

Kode Sitemap HTML
<style scoped="" type="text/css">
#table-outer{padding:7px 10px;margin:0 auto}
#table-outer table{width:auto;margin:0 auto;border:none!important;}
#table-outer table td{border:none!important;padding:0!important}
#table-outer form{font:inherit}
#table-outer label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}
#table-outer select[disabled]{opacity:.4}
#post-searcher{display:block;margin:0;padding:0}
#table-outer input,#table-outer select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0 0 5px;padding:5px;font-family: Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#table-outer select option{min-height:1.4em!important;}
#table-outer input#feed-q{padding:5px 10px!important;}
#feed-container{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}
#feed-container li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}
#feed-container li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}
#feed-container li a{text-decoration:none;color:#2C2C2C;font-weight:500}
#feed-container li a:hover{text-decoration:none;color:#E94141}
#feed-container li .news-text{margin-top:5px;line-height:1.3em!important}
#feed-container li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;width:140px!important;}
#result-desc{margin:0;padding:0;}
#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}
#result-desc div{color:inherit}
#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}
#feed-nav a,#feed-nav span{border:1px solid #dedede;border-radius:5px;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}
#feed-nav a,#feed-nav span:hover{color:#1B1B1B}
#feed-nav a:active,#feed-nav a:hover{color:#555}
#feed-nav span{cursor:wait}

@media (max-width:600px){#table-outer table{margin:0 auto;width:100%}
#feed-container,#table-outer{margin:0 auto}
#feed-container li .inner{margin:5px auto;height:auto}
#feedContainer li{float:none;display:block;width:auto;height:auto}
#feed-container li .news-text, #feedContainer:after,#feed-container li img{display:none!important}
}

@media (max-width:414px){#table-outer table td{display:block;text-align:center}
#table-outer label{display:block;margin:0;padding:4px 0 0;text-align:center}
#table-outer input, #table-outer select{margin:0 0 10px}
}

</style>
<div id="table-outer">
  <table>
    <tbody>
      <tr>
        <td>
          <label>Urutkan artikel berdasarkan:</label>
        </td>
        <td>
          <select id="feed-order">
            <option selected="" value="published">Artikel terbaru</option>
            <option value="updated">Artikel yang terakhir di update</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>
          <label>Filter artikel berdasarkan kategori:</label>
        </td>
        <td>
          <select disabled="" id="label-sorter">
            <option selected="">Loading....</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>
          <label>Cari artikel dengan kata kunci:</label>
        </td>
        <td>
          <form id="post-searcher">
            <input id="feed-q" type="text" />
          </form>
        </td>
      </tr>
    </tbody>
  </table>
</div>
<br />
<header id="result-desc"></header>
<br />
<ul id="feed-container"></ul>
<div id="feed-nav">
</div>

<script type="text/javaScript">

document.write;var loadToc,loadCategories,_toc={init:function(){var cfg={homePage:window.location.origin,maxResults:10,numChars:270,thumbWidth:140,thumbHeight:95,navText:"Tampilkan artikel selanjutnya &#9660;",resetToc:"Kembali ke Awal",noImage:"//2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1100/no-thumbnail.png",loading:"<span>Memuat...</span>",counting:"<div>Memuat artikel...</div>",searching:"<span>Mencari...</span>"},w=window,d=document,el=function(id){return d.getElementById(id);},o={a:el('feed-order'),b:el('label-sorter').parentNode,c:el('post-searcher'),d:el('feed-q'),e:el('result-desc'),f:el('feed-container'),g:el('feed-nav'),h:d.getElementsByTagName('head')[0],i:0,j:null,k:'published',l:0,m:""},fn={a:function(){old=el('temporer-script');old.parentNode.removeChild(old);},b:function(param){var script=d.createElement('script');script.type="text/javascript";script.id="temporer-script";script.src=param;if(el('temporer-script'))fn.a();o.h.appendChild(script);},c:function(mode,tag,order){o.i++;o.e.innerHTML=cfg.counting;o.g.innerHTML=cfg[mode==1?"searching":"loading"];if(mode===0){fn.b(tag!==null?cfg.homePage+'/feeds/posts/summary/-/'+ tag+'?alt=json-in-script&start-index='+((o.i*cfg.maxResults)+ 1)+'&max-results='+ cfg.maxResults+'&orderby='+ order+'&callback=loadToc':cfg.homePage+'/feeds/posts/summary?alt=json-in-script&start-index='+((o.i*cfg.maxResults)+ 1)+'&max-results='+ cfg.maxResults+'&orderby='+ order+'&callback=loadToc');}else if(mode==1){fn.b(cfg.homePage+'/feeds/posts/summary?alt=json-in-script&start-index='+((o.i*cfg.maxResults)+ 1)+'&max-results='+ cfg.maxResults+'&q='+ tag+'&orderby='+ order+'&callback=loadToc');}
o.j=(tag!==null)?tag:null;o.l=mode;o.a.disabled=true;o.b.children[0].disabled=true;},d:function(json){var _h;o.g.innerHTML="";o.e.innerHTML=o.l==1?'<span>Hasil penelusuran untuk kata kunci <b>&#8220;'+ o.m+'&#8221;</b> ('+ json.feed.openSearch$totalResults.$t+' Hasil)</span>':'<div>Total: '+ json.feed.openSearch$totalResults.$t+' Artikel</div>';if("entry"in json.feed){var a=json.feed.entry,b,c,_d,e="0 Komentar",f="",g;for(var i=0;i<cfg.maxResults;i++){if(i==a.length)break;b=a[i].title.$t;_d=("summary"in a[i])?a[i].summary.$t.replace(/<br ?\/?>/ig," ").replace(/<(.*?)>/g,"").replace(/<iframe/ig,"").substring(0,cfg.numChars):"";g=("media$thumbnail"in a[i])?a[i].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+\-c/,"\/s"+ cfg.thumbWidth+""):cfg.noImage.replace(/\/s[0-9]+\-c/,"\/s"+ cfg.thumbWidth+"");for(var j=0,jen=a[i].link.length;j<jen;j++){c=(a[i].link[j].rel=="alternate")?a[i].link[j].href:"#";}
for(var k=0,ken=a[i].link.length;k<ken;k++){if(a[i].link[k].rel=="replies"&&a[i].link[k].type=="text/html"){e=a[i].link[k].title;break;}}
_h=d.createElement('li');_h.innerHTML='<div class="inner"><img style="width:'+ cfg.thumbWidth+'px;height:'+ cfg.thumbHeight+'px;" src="'+ g+'" alt="'+ b+'"><a class="toc-title" href="'+ c+'" target="_blank" title="'+ b+'">'+ b+'</a><div class="news-text">'+ _d+'&hellip;<br style="clear:both;"></div></div>';o.f.appendChild(_h);}
_h=d.createElement('a');_h.href='#load-more';_h.innerHTML=cfg.navText;_h.onclick=function(){fn.c(o.l,o.j,o.k);return false;};}else{_h=d.createElement('a');_h.href='#reset-content';_h.innerHTML=cfg.resetToc;_h.onclick=function(){o.i=-1;o.e.innerHTML=cfg.counting;o.f.innerHTML="";fn.c(0,null,'published');o.a.innerHTML=o.a.innerHTML;o.b.children[0].innerHTML=o.b.children[0].innerHTML;return false;};}
o.g.appendChild(_h);o.a.disabled=false;o.b.children[0].disabled=false;},e:function(json){var a=json.feed.category,b='<select id="label-sorter"><option value="" selected disabled>Pilih Kategori...</option>';for(var i=0,len=a.length;i<len;i++){b+='<option value="'+ encodeURIComponent(a[i].term).replace(/%20/g, " ")+'">'+ encodeURIComponent(a[i].term).replace(/%20/g, " ")+'</option>';}
b+='</select>';o.b.innerHTML=b;o.b.children[0].onchange=function(){o.i=-1;o.f.innerHTML="";o.g.innerHTML=cfg.loading;fn.c(0,this.value,o.k);};}};loadToc=fn.d;loadCategories=fn.e;fn.b(cfg.homePage+'/feeds/posts/summary?alt=json-in-script&start-index='+(o.i+ 1)+'&max-results='+ cfg.maxResults+'&orderby=published&callback=loadToc');fn.b(cfg.homePage+'/feeds/posts/summary?alt=json-in-script&max-results=0&orderby=published&callback=loadCategories');o.a.onchange=function(){o.i=-1;o.f.innerHTML="";o.g.innerHTML=cfg.counting;o.b.children[0].innerHTML=o.b.children[0].innerHTML;fn.c(0,null,this.value);o.k=this.value;};o.c.onsubmit=function(){o.i=-1;o.f.innerHTML="";o.m=o.d.value;fn.c(1,o.d.value,o.k);return false;};}};_toc.init();
</script>
Cara Membuat Sitemap di Blogger
Berikut ini cara membuat halaman peta situs di blogger dengan kode html yang sudah di sediakan di bawah ini:

1. Login www.blogger.com
2. Pilih menu Halaman > Halaman Baru > Copy Kode Sitemap di atas yang sudah saya sediakan.


3. Paste kode yang sudah di copy > Publikasi

Setelah di publikasi maka mesin bot google akan meninjau blog anda. 

Baca juga: Apa itu Robots.Txt Kustom Di Blogger? Begini Cara Setting

Tambahan
Pada komlo "Search Description" isi dengan deskripsi halaman blog anda. 

Catatan : Jika blog sudah di daftrakan di google consol/webmaster. Anda tidak perlu membuat https://medikuid.com/p/sitemap.html. Karena fungsinya sama yakni bot google mengenali seluruh isi situs.

Begitulah "cara membuat sitemap di blogger" dengan benar sesaui panduan di atas. Semoga tutorial dan informasi pembahasan apa itu sitemap xml dan sitemap html bermnfaat untuk anda. Terimakasih sudah berkujung di medikuid.com.

Komentar

Postingan populer dari blog ini

Lirik Lagu Kembang Pungkasan - Filla Melinda

Lirik Lagu Cucuk Remuk - Niken Salindry

Lirik Lagu Sesideman - Yanik Megawati