✔ Cara Menciptakan Sitemap Blog Minimalis Dan Seo

Sitemap Adalah daftar isi website/blog yang berisi artikel di blog Anda. Sitemap ini biasanya ditempatkan di bab atas blog. Fungsi Sitemap yaitu mempermudah pengunjung blog Anda menemukan artikel yang mereka butuhkan dengan lebih mudah. Sitemap ini sangat dibutuhkan di Blog, ini bekerjasama dengan kenyamanan pengunjung blog Anda.

Sitemap blog sanggup dibentuk dengan isyarat HTML dengan menciptakan halaman di blog,  Saya akan membagikan 2 pola isyarat HTML untuk menciptakan sitemap yang  mempunyai tampilan yang menarik dan tidak menciptakan loading website Anda berat, serta mempunyai fitur-fitur yang mendukung fungsi sitemap.

Cara menciptakan sitemap Blogger

pergi ke blogger >> Halaman >> klik pada halaman gres >> Buat judul untuk halaman itu (sitemap) >> klik pada HTML, bukan compose >> Tempel isyarat HTML di bawah ini ke halaman HTML >> klik publikasikan dan sitemap ke webmaster tool.

<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 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 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:</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/j4vaScript'>
 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/AVvXsEjZ7eBtY_rSG6-i9DXnBYZ0FxBQArJkXV-6D2gIm5j-KO3PJfLu2coN8OPlKe9JXtumUu5Wu-GERshgnJDSXWVuOrCKW0vnMe6_LJ6g8Ej4gq7ju15jPNBgP4-wpJ5aTlh6xkLAPx9koW6V/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/j4vascript";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=" Sitemap ini biasanya ditempatkan di bab atas blog ✔ Cara menciptakan Sitemap Blog minimalis dan SEO"><a class="toc-title" href="'+ c+'" target="_blank" title="✔ Cara menciptakan Sitemap Blog minimalis dan SEO">'+ 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>

Silahkan Anda buat Halaman gres pada blogger, kemudian copy paste code diatas dan publikasikan halaman tersebut. Itulah cara menciptakan sitemap minimal ala masigun.com.
Sumber http://www.masigun.com

Share this post

Berlangganan update artikel terbaru via email: