Cara Membuat Daftar Isi Atau Sitemap Di Blog

Cara Membuat Daftar Isi Atau Sitemap Di Blog. Apa itu Sitemap. Sitemap  adalah peta situs atau daftar isi, fungsi dari sitemap adalah sebagai tempat untuk mengarahkan mesin pencari google agar mudah untuk mengindeks semua artikel di halaman blog dengan kata lain fungsi sitemap adalah tempat memuat semua data blog yang kita buat atau daftar isi yang artikel yang kita buat agar mudah dijelajahi oleh searchengine google maupun mesin pencari lainya
Cara Membuat Daftar Isi Atau Sitemap Di Blog

Selain itu juga Sitemap akan mempermudah para pengujung untuk dapat melihat dan mengetahui semua artikel maupun label yang sudah dibuat, memberikan fitur daftar isi pada blog membuat para pengunjung untuk menemukan artikel dengan mudah, dimana sitemap/daftar isi ini berfungsi sebagai daftar artikel, Sitemap juga merupakan Salah satu syarat untuk dapat diterima oleh google adsense

Banyak sekali jenis Sitemap silahkan goling diinternet dari yang sederhana sampai yang super keren. Namun yang harus diingat saat membuat sitemap harus juga diperhatikan bila salah memilihnya akan membuat blog menjadi berat saat sitemap dibuka. Oleh karena itu bila akan memasang sitemap pilih yang sederhana agar tidak membebani situs kita. Berikut ini adalah contoh sitemap yang cukup ringan sederhana dan tidak membebani blog kita

Cara Membuat Sitemap SeoYang Cukup Ringan Dan Tidak Membebani Blog

1. Pada dashboard blogger buka > halaman > halaman baru.

Cara Membuat Daftar Isi Atau Sitemap Di Blog
2. Beri judul halaman sitemap atau daftar isi.

Cara Membuat Daftar Isi Atau Sitemap Di Blog

3. Pilih HTML (bukan compose), Pilih copy script dibawah ini sesuai selera lalu publikasikan.

Berikut adalah beberapa Sitemap yang admin himpun dari beberapa sumber

Baca juga Cara Menelepon Telpon Rumah Dari Hp


1. Sitemap sederhana

Cara Membuat Daftar Isi Atau Sitemap Di Blog

<script src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="https://www.bloginfodantips.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Catatan ganti Url yang berwarna merah sesuai Url milik kita

2. Sitemap berdasarkan waktu

Cara Membuat Daftar Isi Atau Sitemap Di Blog


3. Sitemap Kotak kotak keren

Cara Membuat Daftar Isi Atau Sitemap Di Blog

<style type='text/css' scoped='scoped'> #sidebar-wrapper{display:none!important}#main-wrapper{width:100%!important}#show-cat{float:left;margin:20px 5% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:18px;border:1px solid #ccc}#show-cat ul{margin:0;border-top:0 solid #ccc;padding:0}#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:0 solid #ccc;border-left:0 solid #ccc;padding:0}#show-cat ul li a{display:block;padding:10px;border-bottom:1px solid #ccc}#navi-cat a:hover{color:#fff!important}#show-cat ul li:last-child a{border-bottom:none}#show-cat ul li a,#navi-cat a{background:#fff;color:#555;font-weight:bold;text-decoration:none}#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:14px}#show-cat ul li a:hover,#navi-cat a:hover{background:#666;color:#fff}#show-post{float:left;width:69%;line-height:1.6em}#show-post ul li{list-style-type:none;margin:10px 0 0 -40px;padding:10px;border:1px solid #ddd}#show-post a:hover{color:#07ACEC}#show-post a{color:#333;font-weight:bold}#navi-cat{padding:20px 0}#navi-cat a{margin-right:10px;border:1px solid #ccc}#navi-cat a,#navi-cat span{padding:10px 15px}#navi-cat span{float:right}#show-cat::-webkit-scrollbar{width:8px;height:8px}#show-cat::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-radius:2px}#show-cat::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}#show-cat::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out}@media screen and (max-width:768px){#show-cat{width:35%}#show-post{width:59%}}@media screen and (max-width:480px){#show-cat{width:100%;margin:20px 0}#show-post{width:100%}} </style> <div id='show-cat'></div> <div id='show-post'> <script type='text/javaScript'> var cat_home='https://www.bloginfodantips.com';cat_numb=10;cat_pre='Prev';cat_nex='Next'; var cat_name;var cat_start;var cat_class; function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>'); </script></div>

Catatan ganti Url warna merah sesuai Url milik kita

4. Sitemap Srol berdasarkan label

Cara Membuat Daftar Isi Atau Sitemap Di Blog

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 400px; overflow: auto; padding: 10px; width: 100%px;"> <style type="text/css"> #toc{width:99%;margin:5px auto;border:1px solid #2D96DF; -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);} .labl{color:#FF5F00;font-weight:bold;margin:0 -5px; padding:1px 0 2px 11px;background: #3498DB; border:1px solid #2D96DF; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb; -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;} .labl a{color:#fff;} .labl:first-letter{text-transform:uppercase;} .new{color:#FF5F00;font-weight:bold;font-style:italic;} .postname{font-weight:normal;background:#fff;margin-left: 35px;} .postname li{border-bottom: #ddd 1px dotted;margin-right:5px} </style> <div id="toc"> <script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script> <script src="https://www.intisariandroid.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script></div>

Catatan ganti Url warna merah sesuai Url milik kita

Semoga bermanfaat

0 Response to "Cara Membuat Daftar Isi Atau Sitemap Di Blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel