Cara Menciptakan Sitemap Otomatis Dan Seo Di Blogger Ala Bacalagers Kompimagazine

Kalo ngomongin soal blog itu nggak akan pernah ada abis nya, bukan hanya mengenai konten atau artikel, panduan seo, kreativitas dan banyak sekali macam lainnya. Nah berbicara ihwal kreativitas dalam memperindah atau mempercantik tampilan blog juga oalahh semua blogger niscaya pengen tampilan blog nya itu indah, simple dan loading yang cepat, benar bukan?

Sebelumnya aku udah mengembangkan tips blogger yang dapat juga masuk kedalam kategori tips seo blog mengenai Cara Praktis Memasang Plugin SEO Smart Links di Blog yang merupakan sebuah Plugin WordPress yang dipakai untuk merubah sebuah kata menjadi link aktif yang udah kita tentukan pada plugin tersebut.

Kali ini..

Saya mau banyak sekali tips blogger lagi nih mengenai Cara Membuat Sitemap Otomatis, Sederhana, SEO Friendly dan Responsive ala Bacalagers KompiMagazine yang super simple dan nggak bikin loading blog Anda menjadi berat. Cek Demo Sitemap nya dibawah ini!

Demo
Gimana sih Cara Membuat Sitemap Otomatis dan SEO ala Bacalagers KompiMagazine ini? Yuk deh simak aja eksklusif tutorialnya dibawah ini yang dapat dipakai untuk Sitemap Blog Anda!

Cara Membuat dan Memasang Sitemap Otomatis dan SEO di Blogger ala Bacalagers KompiMagazine!

1. Buka Dashboard Blogger kemudian pilih Halaman/Pages kemudian pilih Halaman Baru/New Pages.
2. Beri nama Sitemap pada Kolom Judul, Kemudian pilih tab HTML bukan COMPOSE.
3. kemudian masukan Kode dibawah ini.

<style type='text/css' scoped=""> #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;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 for="feed-order">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 for="label-sorter">Filter Artikel menurut Kategori atau Label:</label>         </td>         <td>           <select disabled="" id="label-sorter">             <option selected="">Loading..</option>           </select>         </td>       </tr>       <tr>         <td>           <label for="feed-q">Cari Artikel dengan Kata Kunci:</label>         </td>         <td>           <form id="post-searcher">             <input id="feed-q" placeholder="Ketik dan tekan ENTER" 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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Cc5JJtSNIqASwEZhyphenhyphenpPU6MmS9Lkza8KSmpA_F9mW22PYq2J4VmVTL8IGyGveNXYDzgp-lHQXGqP-eWVjyXnTIIiosaDNZ6uG9kVjdL-1auULZokNHPdrSB8wFnCKj9wDNtvmkqS12Euv/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="Cara Membuat Sitemap Otomatis dan SEO di Blogger ala Bacalagers KompiMagazine Cara Membuat Sitemap Otomatis dan SEO di Blogger ala Bacalagers KompiMagazine"><a class="toc-title" href="'+ c+'" target="_blank" title="Cara Membuat Sitemap Otomatis dan SEO di Blogger ala Bacalagers KompiMagazine">'+ 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>

4. Simpan.

dan Lihat alhasil di halaman sitemap yang telah dibuat.

Nah, itulah sekelumit Tutorial Membuat Sitemap Otomatis dan SEO Friendly di Blog ala Bacalagers KompiMagazine yang dapat aku berikan, silahkan Anda kreasikan sendiri kalau ingin menjadi lebih menarik dan bagus ibarat #CalonBiniSaya! Hehe

Sekian..
..dan Terima Kasih, Semoga Bermanfaat!